Composants

Métrique avec valeur, label et delta.

Tableau triable avec lignes alternées.

Titre niveaux 1 à 4.

Titre niveau 1.

Titre niveau 2.

Titre niveau 3.

Texte simple (niveau corps).

Légende ou texte secondaire.

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

Barre de progression.

Placeholder de chargement (skeleton).

Affichage JSON formaté et repliable.

Avatar utilisateur.

Arbre de nœuds repliables et sélectionnables.

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

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

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

Fil d'activité avec avatars et dates relatives.

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

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

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

Rendu Markdown sécurisé.

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

Onglets pour organiser le contenu.

Bloc repliable.

Accordéon (sections repliables).

Carte avec titre et contenu.

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

Séparateur horizontal.

Grille responsive.

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

État vide (aucune donnée).

Conteneur avec titre optionnel.

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

Contenu au clic ou au survol (popover).

Organigramme hiérarchique HTML/CSS (repliable).

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

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

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

Layout avec sidebar repliable, titre et zone de contenu.

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

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

Bascule thème clair / sombre.

Liste déroulante.

Champ numérique min/max/step.

Champ texte une ligne.

Zone de texte multiligne.

Case à cocher.

Groupe de boutons radio.

Curseur min/max/step.

Sélecteur de date.

Sélecteur de plage de dates.

Saisie de l'heure.

Notation par étoiles.

Upload de fichier(s).

Sélecteur de couleur.

Pastille / chip.

Bouton d'action flottant (FAB).

Formulaire multi-étapes avec stepper et validation.

Champ de saisie avec suggestions.

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

Bandeau info/success/warning/error.

Indicateur de chargement.

Barre de chargement (sweep, blocks, iso, stacked, arc, dots).

Info-bulle au survol.

Boîte de statut (success, warning, error, info).

Notification éphémère (success, error, info, warning).

Indicateur de chargement (points).

Liste de notifications (lu/non lu, marquage, suppression).

Fil d'Ariane.

Progression multi-étapes (horizontal/vertical, tailles sm/md/lg).

Barre de navigation supérieure (titre + liens).

Palette de commandes modale (fuzzy, clavier, Cmd+K).

Lecteur audio.

Lecteur vidéo.

Contenu HTML brut (iframe).

Image avec alt, dimensions et object-fit.

Visualiseur PDF (iframe).

Carte (OpenStreetMap iframe).

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

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

Graphique en courbes.

Graphique en barres.

Graphique en aires.

Graphique en nuage de points.

Graphique Plotly (iframe ou placeholder).

Graphique Altair / Vega-Lite.

Fenêtre modale.

Bloc de code avec Copier.

print("hello")

Éditeur de code (textarea avec valeur, onChange, readOnly).

Page CRUD (liste, formulaire, colonnes, champs, endpoint).

Éditeur JSON avec validation et formatage.

Code-barres (EAN-13, Code 128).

QR Code (URL, vCard, texte).

Badge / tag NFC (statut Scannable, etc.).

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

Interface de chat (messages, saisie, streaming).

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

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

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

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