Status

Indicateur visuel compact signalant l’état actuel d’un élément.

Description

Le composant Status sert à représenter rapidement l’état ou la situation d’un élément à l’aide d’un code visuel clair (couleur, texte ou icône).
Il facilite la compréhension immédiate pour l’utilisateur, notamment dans des listes ou tableaux où plusieurs statuts coexistent.

Plateformes

Anatomie

  1. Icône : symbole visuel renforçant la signification du statut.
  2. Statut : texte court décrivant l’état 

Usage

Quand l'utiliser ?

Utiliser le Status lorsque :

  • Il est nécessaire d’indiquer rapidement un état dans une interface.
  • Les statuts ont un impact immédiat sur la décision ou l’action de l’utilisateur.
  • L’état doit être compréhensible en un coup d’œil, même dans une liste dense.

Anatomie

  1. Icône : symbole visuel renforçant la signification du statut.
  2. Statut : texte court décrivant l’état 

Usage

Quand l'utiliser ?

Utiliser le Status lorsque :

  • Il est nécessaire d’indiquer rapidement un état dans une interface.
  • Les statuts ont un impact immédiat sur la décision ou l’action de l’utilisateur.
  • L’état doit être compréhensible en un coup d’œil, même dans une liste dense.

Des questions ou un feedback ?

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