Catalogue des composants

Composants BPM par catégorie. Chaque carte renvoie vers la page API Reference correspondante.

📝 Texte

Titres, texte, markdown, badge, code, formules.

[ bpm.title, bpm.header, bpm.markdown, bpm.badge, bpm.code, bpm.latex ]
bpm.title("Mon titre")
bpm.markdown("**Gras** et *italique*")
bpm.code("snippet")
Voir l'API →

📊 Données

Métriques, tableaux, dataframe, JSON.

[ bpm.metric, bpm.table, bpm.dataframe, bpm.json ]
bpm.metric("CA", 142500, delta=3200)
bpm.table(df)
bpm.dataframe(df)
Metrics → Data →

📈 Graphiques

Ligne, barres, aires, nuage de points, Plotly.

[ 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, bpm.toggle, bpm.select, bpm.slider, bpm.input, bpm.date_input, bpm.file_uploader ]
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.

[ bpm.columns, bpm.tabs, bpm.expander, bpm.sidebar, bpm.carousel, bpm.form ]
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 variants ]
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, bpm.progress, bpm.toast, bpm.skeleton, bpm.empty_state ]
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 roadmap.