Chips - Chips

Ce composant intéractif permet à l'utilisateur de filtrer le contenu ou d'effectuer des sélections. On utilise souvent plusieurs chips ensemble.

Apercu

 

Composant

 

Construction

 

Les différents états

Inactif

Non sélectionné

Sélectionné

Intéraction

Quand le curseur passe sur cet élément, le pointeur devient une main afin d'indiquer la fonction clic.

 

Règles desktop & mobile

  • Les chips doivent respecter les apparences associées à ses différents états définis.
  • L’apparence globale (couleurs, typographie...) des chips ne doit pas être modifié.
  • Un alignement vertical est à appliquer dans où plusieurs chips s’associent.
  • Interdiction d’utiliser un alignement horizontal et de disposer les chips les unes en dessous des autres
  • Un espace fixe est à respecter dans le cas où plusieurs chips s’associent.
  • Ne pas modifier cet espace.

Storybook