Composants
Chips
Les chips sont des éléments compacts qui représentent une entrée, un attribut ou une action.
# Usage
Les chips sont des éléments d’interface interactifs qui permettent de filtrer une ou plusieurs options dans un groupe logique.
Quand l'utiliser
- Filtrage : pour filtrer des résultats de recherche via différentes catégories (ex. : Apple, Samsung, Xiaomi) ou caractéristiques (Ex. : Couleurs, Tailles).
Quand ne pas l'utiliser
- Actions : ne pas utiliser pour déclencher des actions comme des soumissions de formulaires. Dans ces cas on utilise des boutons.
- Navigation : ne pas utiliser pour naviguer ou afficher différents contenus au sein de la même page. Dans ces cas, on utilise les Tabs
- Sélections nécessitant une validatio : ne pas utiliser pour des actions de sélection unique ou multiple qui doivent être validées (ex. : Civilité, Condition, Consentement). Dans ces cas, on utilise des radio buttons ou des checkbox, en fonction du besoin.
# Do & Don't
Icône
Ne pas changer l’icône de l’état “Activated”.
Action
Une chips ne doit pas réaliser d’action.
Groupement des chips
Les chips doivent être groupées en catégories ou caractéristiques logiques.
2 Chips minimum
Ne jamais utiliser une chips seule. Un groupe de chips contient au minimum 2 chips , au maximum 7 chips.