Stepper
L'indicateur d'étapes d'un parcours : une barre segmentée avec son compteur (line), ou des pastilles numérotées reliées par un trait (number).
Utilisation
import { Stepper } from "@monstera/ui"Ligne
La variante par défaut. activeStep est compté à partir de 1 et pilote à la fois le remplissage de la barre et le compteur N/total.
Slot de retour
backButton remplit le slot de gauche. Ce slot fait 80 px et reste réservé même vide, donc la barre ne se décale pas entre un écran avec retour et un écran sans.
Pastilles numérotées
Les étapes passées portent une coche, l'étape courante son numéro sur fond plein, les suivantes un simple contour. label ne s'affiche qu'au-dessus de l'étape courante.
Accessibilité
La barre s'appelle « Progression » et annonce « Étape 2 sur 6 ». Le compteur visuel « 2/6 » est caché aux lecteurs d'écran : il redit la barre, en moins clair.
API
Prop
Type