Catalogue

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.

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

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