Catalogue

Catalogue

Référence des 172 composants, alimentée par le registre du package : noms, descriptions et catégories proviennent de la source générée — jamais saisis à la main. Cliquez sur une carte pour la fiche du composant.

172 composants

Affichage de données

bpm.metric

Métrique avec valeur, label et delta.

CA
142 500
▲+3 200 €
Voir la fiche →

bpm.table

Tableau triable avec lignes alternées.

AB
12
Voir la fiche →

bpm.title

Titre niveaux 1 à 4.

Titre

Voir la fiche →

bpm.title1

Titre niveau 1.

Voir la fiche →

bpm.title2

Titre niveau 2.

Voir la fiche →

bpm.title3

Titre niveau 3.

Voir la fiche →

bpm.text

Texte simple (niveau corps).

Texte corps
Voir la fiche →

bpm.caption

Légende ou texte secondaire.

Légende

Voir la fiche →

bpm.badge

Badge / étiquette (success, warning, etc.).

OK
Voir la fiche →

bpm.progress

Barre de progression.

60 %
Voir la fiche →

bpm.skeleton

Placeholder de chargement (skeleton).

Voir la fiche →

bpm.jsonViewer

Affichage JSON formaté et repliable.

"a":1
"b":"x"
Voir la fiche →

bpm.avatar

Avatar utilisateur.

JD
Voir la fiche →

bpm.treeview

Arbre de nœuds repliables et sélectionnables.

Voir la fiche →

bpm.timeline

Frise chronologique (événements ISO, groupement par date, fil vertical).

Voir la fiche →

bpm.flowDiagram

Diagramme d'états et transitions interactif (SVG).

Voir la fiche →

bpm.statusTracker

Suivi de statut réel (barre, étapes completed/current/pending/error).

Voir la fiche →

bpm.activityFeed

Fil d'activité avec avatars et dates relatives.

Voir la fiche →

bpm.liveGauge

Jauge demi-cercle à seuils (warning/critical) avec aiguille.

Voir la fiche →

bpm.approvalFlow

Flux de validation multi-étapes (approuvé / en attente / rejeté).

Voir la fiche →

bpm.pagination

Pagination (page, taille, total) pour listes et tableaux.

Voir la fiche →

bpm.labelValue

Paire label / valeur (orientation, taille, copyable).

NomValeur
Voir la fiche →

bpm.titleBpm

Titre (alias bpm.title, niveaux 1 à 4).

Titre

Voir la fiche →

bpm.markdown

Rendu Markdown sécurisé.

Gras et italique

Voir la fiche →

bpm.airportBoard

Tableau d'aéroport des départs et arrivées avec recherche, horaire prévu/estimé, porte, compagnie et statut libre ; données et fuseau horaire fournis par l'application.

Voir la fiche →

bpm.changelog

Journal des modifications affichant avant/après avec acteur, date et regroupement optionnel par jour.

Voir la fiche →

bpm.commentThread

Fil de commentaires récursif avec réponses inline, dates relatives et profondeur configurable.

Voir la fiche →

bpm.comparison

Tableau de comparaison multi-critères avec mise en évidence optionnelle des meilleures valeurs.

Voir la fiche →

bpm.decisionTree

Arbre de décision interactif avec questions (losanges), actions et résultats navigables.

Voir la fiche →

bpm.drillDown

Navigation multi-niveaux avec fil d'Ariane pour explorer des données hiérarchiques par clic sur les lignes.

Voir la fiche →

bpm.flightInstruments

Instruments d'aviation : horizon artificiel, assiette, roulis, cap, altitude, vitesse et variomètre à partir de télémétrie fournie ; unités et panneaux complémentaires personnalisables.

Voir la fiche →

bpm.gantt

Diagramme de Gantt avec tâches, dépendances, groupes et ligne du jour.

Voir la fiche →

bpm.groupedList

Liste générique avec regroupement automatique par clé, en-têtes de groupe personnalisables et sections repliables.

Voir la fiche →

bpm.mapLegend

Légende issue des mêmes règles et palettes que les calques visibles ; seuils numériques, unités et symboles libres additionnels.

Voir la fiche →

bpm.metricRow

Ligne horizontale de KPIs (bpm.metric) pour tableaux de bord et résumés chiffrés.

Voir la fiche →

bpm.pivotTable

Tableau croisé dynamique avec agrégation (sum, avg, count, min, max), tri et heatmap.

Voir la fiche →

bpm.relationGraph

Graphe relationnel SVG interactif avec layouts force/grille/circulaire, zoom, panoramique et drag-and-drop des nœuds.

Voir la fiche →

bpm.scheduler

Calendrier/agenda avec vues jour, semaine et mois, gestion d'événements et de ressources.

Voir la fiche →

bpm.stateMachine

Visualisation d'une machine à états avec graphe circulaire, transitions cliquables et historique.

Voir la fiche →

bpm.title4

Titre de page ou de section avec niveaux 1–4 pour structurer rapports et tableaux de bord.

Voir la fiche →

Mise en page

bpm.panel

Panneau informatif (info, success, warning, error).

iInfo
Contenu
Voir la fiche →

bpm.tabs

Onglets pour organiser le contenu.

Voir la fiche →

bpm.expander

Bloc repliable.

Voir la fiche →

bpm.accordion

Accordéon (sections repliables).

Contenu

Voir la fiche →

bpm.card

Carte avec titre et contenu.

Carte

Contenu
Voir la fiche →

bpm.highlightBox

Carte avec barre latérale (numéro + label) et contenu structuré (titre, moment, RTB, cible).

1RTB

Exemple

Moment : Aujourd'hui
RTB : Cible
Cible : 100%
Voir la fiche →

bpm.divider

Séparateur horizontal.

Voir la fiche →

bpm.grid

Grille responsive.

1
2
Voir la fiche →

bpm.column

Diviser la page en 1, 2, 3 ou plus colonnes.

1
2
3
Voir la fiche →

bpm.emptyState

État vide (aucune donnée).

Aucune donnée

Ajoutez des éléments.

Voir la fiche →

bpm.container

Conteneur avec titre optionnel.

Contenu
Voir la fiche →

bpm.empty

État vide minimal (icône + message).

—
Voir la fiche →

bpm.popover

Contenu au clic ou au survol (popover).

Voir la fiche →

bpm.orgChart

Organigramme hiérarchique HTML/CSS (repliable).

Voir la fiche →

bpm.masterDetail

Vue liste + détail responsive (recherche, mobile).

Voir la fiche →

bpm.drawer

Tiroir / panneau latéral (détail, formulaire, filtres).

bpm.drawer (ouvrir avec state)
Voir la fiche →

bpm.confirmModal

Modal de confirmation pour actions destructives (danger, warning, info).

bpm.confirmModal
Voir la fiche →

bpm.pageLayout

Layout avec sidebar repliable, titre et zone de contenu.

bpm.pageLayout
Voir la fiche →

bpm.scrollContainer

Conteneur avec défilement interne (hauteur max, scrollbar optionnelle).

Contenu scrollable
Voir la fiche →

bpm.page

Conteneur page (core).

Voir la fiche →

bpm.printLayout

Mise en page optimisée pour l'impression A4 avec en-tête, pied de page et marges personnalisables.

Voir la fiche →

bpm.reportPage

Page de rapport structurée avec sections (titre, texte, tableau, graphique, KPI), impression PDF via window.print.

Voir la fiche →

bpm.splitView

Deux volets redimensionnables avec séparateur draggable.

Voir la fiche →

bpm.transition

Conteneur de vues avec transition animée (fade, shimmer, border, grid) pour wizard ou carrousel.

Voir la fiche →

Interaction

bpm.button

Bouton d'action (primary, secondary, outline).

Voir la fiche →

bpm.theme

Bascule thème clair / sombre.

Voir la fiche →

bpm.selectbox

Liste déroulante.

Voir la fiche →

bpm.numberInput

Champ numérique min/max/step.

Voir la fiche →

bpm.input

Champ texte une ligne.

Voir la fiche →

bpm.textarea

Zone de texte multiligne.

Voir la fiche →

bpm.checkbox

Case à cocher.

Voir la fiche →

bpm.radioGroup

Groupe de boutons radio.

Voir la fiche →

bpm.slider

Curseur min/max/step.

50
Voir la fiche →

bpm.dateInput

Sélecteur de date.

JJ/MM/AAAA
Voir la fiche →

bpm.dateRangePicker

Sélecteur de plage de dates.

JJ/MM/AAAA
–
JJ/MM/AAAA
Voir la fiche →

bpm.timeInput

Saisie de l'heure.

--:--
Voir la fiche →

bpm.rating

Notation par étoiles.

Voir la fiche →

bpm.fileUploader

Upload de fichier(s).

Voir la fiche →

bpm.colorPicker

Sélecteur de couleur.

#00a3e0
Voir la fiche →

bpm.chip

Pastille / chip.

Tag
Voir la fiche →

bpm.fab

Bouton d'action flottant (FAB).

Voir la fiche →

bpm.wizardForm

Formulaire multi-étapes avec stepper et validation.

Voir la fiche →

bpm.autocomplete

Champ de saisie avec suggestions.

Voir la fiche →

bpm.filterPanel

Panneau de filtres (select, multiselect, daterange, text, toggle).

Voir la fiche →

bpm.addressInput

Champ de saisie d'adresse avec mode simple ou champs séparés (ligne 1, ligne 2, code postal, ville) et validation FR.

Voir la fiche →

bpm.contextMenu

Menu contextuel positionné dynamiquement, déclenché par clic droit ou clic simple.

Voir la fiche →

bpm.emailComposer

Formulaire de composition d'email avec éditeur riche, modèles prédéfinis et envoi.

Voir la fiche →

bpm.exportButton

Bouton d'export avec menu déroulant pour télécharger en CSV ou JSON avec configuration BOM/délimiteur.

Voir la fiche →

bpm.inlineEdit

Champ éditable au clic : texte, nombre ou select.

Voir la fiche →

bpm.mapLayerControl

Contrôle de pile cartographique : groupes imbriqués, fonds exclusifs, visibilité, opacité et réorganisation au clavier.

Voir la fiche →

bpm.richTextEditor

Éditeur WYSIWYG contentEditable avec barre d'outils (gras, italique, titres, listes, liens, images) et export HTML/Markdown.

Voir la fiche →

bpm.seatMap

Plan de cabine d'avion configurable : rangées libres, couloirs, classes, issues et sièges disponibles/occupés/bloqués, sélection simple ou multiple et rendu de siège personnalisable.

Voir la fiche →

bpm.signaturePad

Zone de signature canvas avec export data URL PNG et boutons effacer/enregistrer.

Voir la fiche →

bpm.toggle

Interrupteur on/off pour activer ou désactiver une option (notifications, mode maintenance).

Voir la fiche →

Média

bpm.audio

Lecteur audio.

bpm.audio
Voir la fiche →

bpm.video

Lecteur vidéo.

bpm.video
Voir la fiche →

bpm.html

Contenu HTML brut (iframe).

HTML
Voir la fiche →

bpm.image

Image avec alt, dimensions et object-fit.

Voir la fiche →

bpm.pdfViewer

Visualiseur PDF (iframe).

bpm.pdfviewer
Voir la fiche →

bpm.map

Carte (OpenStreetMap iframe).

Voir la fiche →

bpm.gps

Affichage ou sélection de position GPS (carte, picker).

bpm.gps
Voir la fiche →

bpm.filePreview

Aperçu de fichier (image, PDF, texte/code).

bpm.filePreview
Voir la fiche →

bpm.aircraftMarker

Symbole d'aéronef orientable : avion à réaction, avion à hélice, hélicoptère ou drone, couleur et silhouette SVG libres pour cartes et radars.

Voir la fiche →

bpm.cartographicMap

Carte composable à pile de calques GeoJSON, XYZ/TMS, WMS, images et grilles scalaires.

Voir la fiche →

bpm.celestialBody

Astre vectoriel personnalisable : étoile, planète, lune, astéroïde ou trou noir, avec anneaux, inclinaison et couche SVG libre.

Voir la fiche →

bpm.celestialScene

Scène céleste composable en projection 3D orthographique : objets, trajectoires, particules, caméra, sélection et couches SVG libres pour nébuleuses, amas, constellations ou univers imaginaires.

Voir la fiche →

bpm.flightMap

Carte aérienne hors ligne en latitude/longitude : avions orientés, aéroports, routes orthodromiques, traces, sélection et calques libres.

Voir la fiche →

bpm.galaxyView

Galaxie procédurale déterministe : Voie lactée stylisée, spirale, spirale barrée, elliptique ou irrégulière ; bras, densité, palette, repères et couches libres personnalisables.

Voir la fiche →

bpm.geofence

Éditeur de zones géographiques sur carte avec polygones cliquables pour définir des périmètres.

Voir la fiche →

bpm.mapView

Carte Leaflet interactive avec marqueurs, polylignes, polygones et gestion des clics.

Voir la fiche →

bpm.moonPhase

Phase lunaire à partir d'une fraction de cycle fournie : nouvelle lune, croissant, quartier, pleine lune, orientation nord/sud et pourcentage éclairé.

Voir la fiche →

bpm.orbitalSystem

Système orbital configurable avec hiérarchie parent/enfant, orbites elliptiques de Kepler, satellites, contrôle temporel et personnalisation intégrale de la scène ; fonctionne aussi pour des systèmes fictifs.

Voir la fiche →

bpm.routePlanner

Planificateur d'itinéraire avec liste de points réordonnables, carte Leaflet et calcul de distance orthodromique.

Voir la fiche →

bpm.skyMap

Carte céleste équatoriale (projection de Hammer) : place des observations en ascension droite / déclinaison, avec sélection, zoom et liste tactile.

Voir la fiche →

bpm.solarSystem

Système solaire prêt à composer avec Soleil et huit planètes, vue interne, distances schématiques ou relatives et remplacement complet des corps ; préréglage illustratif, sans positions astronomiques en temps réel.

Voir la fiche →

Graphiques

bpm.lineChart

Graphique en courbes.

Voir la fiche →

bpm.barChart

Graphique en barres.

Voir la fiche →

bpm.areaChart

Graphique en aires.

Voir la fiche →

bpm.scatterChart

Graphique en nuage de points.

Voir la fiche →

bpm.plotlyChart

Graphique Plotly (iframe ou placeholder).

bpm.plotlychart
Voir la fiche →

bpm.altairChart

Graphique Altair / Vega-Lite.

bpm.altairchart
Voir la fiche →

bpm.flightProfile

Profil de vol altitude/temps ou altitude/distance, points sélectionnables et altitude de référence.

Voir la fiche →

bpm.funnelChart

Graphique en entonnoir pour visualiser les étapes d'un processus de conversion avec pourcentages.

Voir la fiche →

bpm.heatmap

Grille de valeurs numériques avec dégradé de couleur, infobulle au survol et clic optionnel sur cellule.

Voir la fiche →

bpm.liveChart

Graphique temps réel avec fenêtre glissante, seuils en pointillés et rafraîchissement automatique.

Voir la fiche →

bpm.predictiveChart

Graphique de prévision avec données historiques, prédictions et intervalle de confiance.

Voir la fiche →

bpm.radarChart

Graphique radar SVG pour comparer des valeurs sur plusieurs axes.

Voir la fiche →

bpm.sparkline

Courbe SVG compacte pour afficher une tendance avec couleur selon la direction (up/down/flat).

Voir la fiche →

bpm.treemap

Visualisation treemap (carte de chaleur hiérarchique) en SVG avec algorithme squarify.

Voir la fiche →

bpm.waterfall

Graphique en cascade (waterfall chart) montrant l'évolution cumulative de valeurs positives/négatives.

Voir la fiche →

IA & Spécialisés

bpm.dataExplorer

Explorateur de données (table, recherche, tri, pagination, export CSV).

12
Voir la fiche →

bpm.chatInterface

Interface de chat (messages, saisie, streaming).

bpm.chatInterface
Voir la fiche →

bpm.promptInput

Champ de saisie pour prompt IA (auto-resize, Cmd+Enter, tokens).

Voir la fiche →

bpm.streamingText

Affichage de texte en flux (curseur, option Markdown).

Texte en flux

Voir la fiche →

bpm.diffViewer

Visualisation de diff texte/code (split ou unified).

+b
-a
Voir la fiche →

bpm.modelSelector

Sélecteur de modèle IA (par fournisseur, capacités).

Voir la fiche →

bpm.aiQueryBar

Barre de requête IA permettant à l'utilisateur de poser des questions sur ses données avec suggestions et historique.

Voir la fiche →

bpm.assistantPanel

Panneau d'assistant IA en drawer latéral avec questions pré-configurées et streaming de réponses.

Voir la fiche →

bpm.chat

Chat Ollama local (démo).

Voir la fiche →

bpm.machineStatus

Carte d'état machine avec indicateur LED animé (clignotement en production ou défaut).

Voir la fiche →

bpm.plcConnector

Formulaire de configuration de connexion automate industriel (Modbus, OPC UA, MQTT, EtherNet/IP).

Voir la fiche →

bpm.sensorGrid

Grille de cartes capteur avec valeur, unité, statut coloré et détail optionnel.

Voir la fiche →

bpm.suggestionCard

Carte de suggestion IA avec titre, description, barre de confiance et boutons d'action.

Voir la fiche →