> For the complete documentation index, see [llms.txt](https://ds5.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds5.gitbook.io/documentation/components/stepper.md).

# Stepper

{% hint style="info" icon="figma" %}
Nom du composant : **stepper**
{% endhint %}

{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=6106-5440&page-id=6106:5439&scaling=min-zoom&starting-point-node-id=6106:5440&t=Logk5SFcLALiexVo-1&viewport=324,302,0.26>" %}

***

### Principes

#### Visibilité

L'utilisateur doit pouvoir identifier immédiatement le nombre total d'étapes et leur intitulé pour anticiper l'effort nécessaire à la finalisation du processus.

#### Statut de progression

Chaque étape doit clairement afficher son état via un code visuel distinct pour éviter toute confusion sur l'avancement actuel.

#### Navigation logique

Le composant doit garantir une séquence cohérente, interdisant généralement de sauter des étapes obligatoires tout en permettant de revenir en arrière si le contexte le permet.

***

### Usage