Catalogue
Référence des 104 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.
104 composants
Affichage de données
bpm.metric
Métrique avec valeur, label et delta.
bpm.table
Tableau triable avec lignes alternées.
| A | B |
|---|---|
| 1 | 2 |
bpm.title
Titre niveaux 1 à 4.
Titre
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).
bpm.caption
Légende ou texte secondaire.
Légende
bpm.badge
Badge / étiquette (success, warning, etc.).
bpm.progress
Barre de progression.
bpm.skeleton
Placeholder de chargement (skeleton).
bpm.jsonViewer
Affichage JSON formaté et repliable.
bpm.avatar
Avatar utilisateur.
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).
bpm.titleBpm
Titre (alias bpm.title, niveaux 1 à 4).
Titre
bpm.markdown
Rendu Markdown sécurisé.
Gras et italique
Mise en page
bpm.panel
Panneau informatif (info, success, warning, error).
bpm.tabs
Onglets pour organiser le contenu.
bpm.expander
Bloc repliable.
bpm.accordion
Accordéon (sections repliables).
Contenu
bpm.card
Carte avec titre et contenu.
Carte
bpm.highlightBox
Carte avec barre latérale (numéro + label) et contenu structuré (titre, moment, RTB, cible).
bpm.divider
Séparateur horizontal.
bpm.grid
Grille responsive.
bpm.column
Diviser la page en 1, 2, 3 ou plus colonnes.
bpm.emptyState
État vide (aucune donnée).
Aucune donnée
Ajoutez des éléments.
bpm.container
Conteneur avec titre optionnel.
bpm.empty
État vide minimal (icône + message).
bpm.popover
Contenu au clic ou au survol (popover).
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.confirmModal
Modal de confirmation pour actions destructives (danger, warning, info).
bpm.pageLayout
Layout avec sidebar repliable, titre et zone de contenu.
bpm.scrollContainer
Conteneur avec défilement interne (hauteur max, scrollbar optionnelle).
Interaction
bpm.button
Bouton d'action (primary, secondary, outline).
Voir la fiche →bpm.theme
Bascule thème clair / sombre.
bpm.selectbox
Liste déroulante.
bpm.numberInput
Champ numérique min/max/step.
bpm.input
Champ texte une ligne.
bpm.textarea
Zone de texte multiligne.
bpm.checkbox
Case à cocher.
Voir la fiche →bpm.radioGroup
Groupe de boutons radio.
bpm.slider
Curseur min/max/step.
bpm.dateInput
Sélecteur de date.
bpm.dateRangePicker
Sélecteur de plage de dates.
bpm.timeInput
Saisie de l'heure.
bpm.rating
Notation par étoiles.
bpm.fileUploader
Upload de fichier(s).
bpm.colorPicker
Sélecteur de couleur.
bpm.chip
Pastille / chip.
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).
Feedback
bpm.message
Bandeau info/success/warning/error.
bpm.spinner
Indicateur de chargement.
bpm.loadingBar
Barre de chargement (sweep, blocks, iso, stacked, arc, dots).
bpm.tooltip
Info-bulle au survol.
bpm.statusBox
Boîte de statut (success, warning, error, info).
bpm.anomalyAlert
Alerte d'anomalie : valeur attendue vs réelle (severity info/warning/critical).
Voir la fiche →bpm.toast
Notification éphémère (success, error, info, warning).
bpm.spinnerDot
Indicateur de chargement (points).
bpm.notificationCenter
Liste de notifications (lu/non lu, marquage, suppression).
Navigation
Média
bpm.audio
Lecteur audio.
bpm.video
Lecteur vidéo.
bpm.html
Contenu HTML brut (iframe).
bpm.image
Image avec alt, dimensions et object-fit.
Voir la fiche →bpm.pdfViewer
Visualiseur PDF (iframe).
bpm.map
Carte (OpenStreetMap iframe).
Voir la fiche →bpm.gps
Affichage ou sélection de position GPS (carte, picker).
bpm.filePreview
Aperçu de fichier (image, PDF, texte/code).
Graphiques
bpm.lineChart
Graphique en courbes.
bpm.barChart
Graphique en barres.
bpm.areaChart
Graphique en aires.
bpm.scatterChart
Graphique en nuage de points.
bpm.plotlyChart
Graphique Plotly (iframe ou placeholder).
bpm.altairChart
Graphique Altair / Vega-Lite.
Utilitaires
bpm.modal
Fenêtre modale.
bpm.codeBlock
Bloc de code avec Copier.
print("hello")bpm.codeEditor
Éditeur de code (textarea avec valeur, onChange, readOnly).
bpm.crud
Page CRUD (liste, formulaire, colonnes, champs, endpoint).
bpm.jsonEditor
Éditeur JSON avec validation et formatage.
IA & Spécialisés
bpm.dataExplorer
Explorateur de données (table, recherche, tri, pagination, export CSV).
bpm.chatInterface
Interface de chat (messages, saisie, streaming).
bpm.promptInput
Champ de saisie pour prompt IA (auto-resize, Cmd+Enter, tokens).
bpm.streamingText
Affichage de texte en flux (curseur, option Markdown).
Texte en flux
bpm.diffViewer
Visualisation de diff texte/code (split ou unified).
bpm.modelSelector
Sélecteur de modèle IA (par fournisseur, capacités).