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