Catalogue des composants

Composants bpm.* par catégorie. Les extraits de code ci‑dessous sont en Python (API bpm). Chaque carte renvoie vers la référence API Python correspondante.

Visuels et sandbox live (app React) — L'application de démo (Next.js) affiche 94 composants en rendu React avec sandbox interactif. Pour les voir et tester les props en direct : app.blueprint-modular.com/docs/components.

Texte

Titres, texte, markdown, badge, code, formules. Une page par composant :

bpm.title("Mon titre")
bpm.markdown("**Gras** et *italique*")
bpm.code("snippet")
Vue d'ensemble Texte ? write, markdown, text, title, header, subheader, caption, code, latex, badge, html

Données

Métriques, tableaux, dataframe, JSON.

bpm.metric("CA", 142500, delta=3200)
bpm.table(df)
bpm.dataframe(df)
Metrics ? Data ?

Graphiques

Ligne, barres, aires, nuage de points, Plotly. Sandbox live sur l'app.

[ bpm.chart.line, bpm.chart.bar, bpm.chart.area, bpm.chart.scatter, bpm.chart.plotly ]
bpm.chart.line(df, x="Mois", y="CA")
bpm.chart.bar(df, x="Catégorie", y="Valeur")
Voir l'API ?

Inputs

Boutons, toggle, select, slider, input, date, fichier.

bpm.button("Valider", key="ok")
bpm.toggle("Activer", key="on")
bpm.select("Choix", options=["A", "B"], key="choice")
Voir l'API ?

Layout

Colonnes, onglets, expander, sidebar, carousel, formulaire.

col1, col2 = bpm.columns(2)
with col1:
    bpm.metric("A", 10)
with col2:
    bpm.metric("B", 20)
bpm.sidebar()  # barre latérale
bpm.carousel(items=[...])  # diaporama
Voir l'API ?

Panels

Panneaux info, warning, error, success.

bpm.panel("Info", "Message", variant="info")
bpm.panel("Attention", "Détail", variant="warning")
Voir l'API ?

Médias

Image, audio, vidéo, PDF.

[ bpm.image, bpm.audio, bpm.video, bpm.pdf ]
bpm.image("https://example.com/img.png")
bpm.audio("file.mp3")
bpm.video("file.mp4")
Voir l'API ?

Status

Spinner, barre de progression, toast, skeleton, état vide.

bpm.spinner("Chargement...")
bpm.progress(0.65, label="Avancement")
bpm.toast("Enregistré.", type="success")
Voir l'API ?

Chat

Messages chat, input, streaming.

[ bpm.chat.message, bpm.chat.input, bpm.write_stream ]
bpm.chat.message("Bonjour", role="user")
bpm.chat.input(key="msg")
bpm.write_stream(generator)
Voir l'API ?

Et maintenant ?

Une question ? Consultez la FAQ et la Ce qu'il reste à faire.