Composants → bpm.stepper

bpm.stepper

Stepper : liste d'étapes avec indicateur d'avancement (étape courante, complétées).

StableNavigation⏱ 2 min
Python
bpm.stepper(steps=[{"label": "Informations"}, {"label": "Paiement"}, {"label": "Confirmation"}])
PropTypeDéfautRequisDescription
steps{ id?, label, description?, icon?, optional?, content? }[][]NonListe des étapes (label requis).
currentStepnumber0NonIndex de l'étape courante (0-based).
direction"horizontal" | "vertical"horizontalNonDisposition des étapes.
size"sm" | "md" | "lg"mdNonTaille des cercles (32 / 40 / 48 px).
onStepClick(index: number) => voidNonCallback : étapes déjà complétées cliquables pour revenir en arrière.
classNamestringNonClasses CSS additionnelles.

Exemples

bpm.stepper(steps=[{"label": "Infos"}, {"label": "Paiement"}, {"label": "Confirmation"}])
bpm.stepper(steps=[{"label": "A"}, {"label": "B"}], current_step=1)