Indicateur d'étapes

L’indicateur d'étapes est un élément éditorial permettant d’accompagner l’usager au sein d’un formulaire ou une démarche en plusieurs étapes.

Anatomie du bouton
  1. Le numéro de l'étape en cours et le nombre d'étapes total — Obligatoire
  2. Le titre de l'étape en cours — Obligatoire
  3. Une barre de progression, qui contient autant de sections qu’il y a d’étapes, avec les étapes validées et en cours indiquées en bleu — Obligatoire
  4. Le titre de l'étape suivante — Obligatoire

Information

Aucun des éléments de l’indicateur d'étapes n’est cliquable.

Variations

L’indicateur d’étapes ne propose aucune variation.

Tailles

La largeur de l’indicateur d’étapes s’adapte à la taille de son conteneur.

États

L’indicateur d’étapes n’est sujet à aucun changement d’état.

Personnalisation

L’indicateur d’étapes n’est pas personnalisable.

À faire

Conserver la barre de progression en l’état.

À ne pas faire

Ne pas personnaliser la couleur ou le design de la barre de progression.

Maillage

Proposer une amélioration

Aidez-nous à améliorer la documentation en laissant vos retours, questions ou commentaires sur GitHub.