Stepper

Le stepper affiche les étapes d'un processus. Il permet de découper un nombre important d'informations en étapes consécutives et claires sur une même vue.

Description

Le stepper affiche les différentes étapes d'un processus. Il permet de découper un nombre important d'informations en étapes consécutives et claires sur une même vue.

Plateformes

Anatomie

  1. Numéro de l'étape
  2. Contenu

Usage

Quand l'utiliser ?

  • Lorsque vous souhaitez afficher une succession d'étapes simples, ne nécessitant pas d'actions de l'utilisateur

  • Lorsque vous souhaitez segmenter votre contenu en une hiérarchie claire pour aider les utilisateurs à identifier facilement les différentes étapes d'un processus

Do's and don'ts

  • Do

    Utiliser des titres clairs et succint. 

  • Don't

    Évité d'écrire des titres trop longs et détaillés. 

Anatomie

  1. Numéro de l'étape
  2. Contenu

Usage

Quand l'utiliser ?

  • Lorsque vous souhaitez afficher une succession d'étapes simples, ne nécessitant pas d'actions de l'utilisateur

  • Lorsque vous souhaitez segmenter votre contenu en une hiérarchie claire pour aider les utilisateurs à identifier facilement les différentes étapes d'un processus

Do's and don'ts

  • Do

    Utiliser des titres clairs et succint. 

  • Don't

    Évité d'écrire des titres trop longs et détaillés. 

Des questions ou un feedback ?

N’hésitez pas à contacter la team Design System par mail.