Catalogue

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.

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

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

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é.

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

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

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

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

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

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

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

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

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

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

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

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

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

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).

Conteneur page (core).

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

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

Deux volets redimensionnables avec séparateur draggable.

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

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).

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

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

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

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

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

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

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

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

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).

Alerte d'anomalie : valeur attendue vs réelle (severity info/warning/critical).

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

Indicateur de chargement (points).

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

Liste d’alarmes triée par gravité avec accusé de réception, suppression et clignotement pour les alertes critiques.

Indicateur de statut hors ligne avec compteur de requêtes en attente et bouton de synchronisation.

Anneau de progression circulaire SVG avec animation de transition.

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

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

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

Fil d’Ariane avancé avec séparateur personnalisable et réduction automatique si trop d’entrées.

Visite guidée interactive avec overlay sombre et mise en surbrillance des éléments cibles étape par étape.

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).

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

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

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

Graphique en courbes.

Graphique en barres.

Graphique en aires.

Graphique en nuage de points.

Graphique Plotly (iframe ou placeholder).

Graphique Altair / Vega-Lite.

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

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

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

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

Graphique radar SVG pour comparer des valeurs sur plusieurs axes.

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

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

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

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.

Composant bpm.free — voir @blueprint-modular/core ou BPM_API.md.

Modèle de facture A4 prêt pour impression avec lignes, TVA et totaux calculés automatiquement.

Champ de saisie d'un LIEU : recherche par adresse (géocodage Nominatim), tracé du contour sur la carte au clic, surface (ha) calculée automatiquement.

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).

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

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

Chat Ollama local (démo).

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

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

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

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