Composants
Switch
Un switch permet aux utilisateurs de choisir deux états mutuellement exclusifs comme ON/OFF.
# Usage
Le Switch permet aux utilisateurs de choisir entre deux options. Il est particulièrement utile pour activer ou désactiver des fonctionnalités ou des paramètres de manière rapide et intuitive.
Quand l'utiliser
- Activation / Désactivation : pour permettre aux utilisateurs d'activer ou désactiver des paramètres, fonctionnalités ou des options (ex. : notifications, mode sombre, BiG).
- Paramètres instantanés : pour des changements qui prennent un effet immédiatement sans nécessiter de confirmation supplémentaire.
- Préférences personnelles : pour permettre aux utilisateurs de personnaliser leur expérience et leurs préférences (ex. : activer des recommandations personnalisées).
Quand ne pas l'utiliser
- Sélections avec validation : lorsque l’utilisateur doit sélectionner un ou plusieurs choix qui doivent être validés. Dans ce cas, utiliser des checkbox ou des boutons radio.
- Action de filtrage : pour filtrer des résultats. Dans ce cas, utiliser des checkbox ou des chips.
- Actions et conséquences : pour des actions qui nécessitent une confirmation ou des conséquences majeures (ex. : suppression de compte). Dans ce cas, utiliser le composant bouton.
Switch ou checkbox ?
- Un Switch permet de réaliser une action immédiate ou d’activer ou désactiver un mode ou une option (ex. : forfait bloqué, préférences d’utilisation).
- Les Checkboxpermettent à l’utilisateur de sélectionner plusieurs choix qui doivent être validés (ex. : Formulaire), sauf dans le cas de filtrage de recherche peuvent s’actualiser directement.
# Do & Don't
Label unique
Un switch ne peut avoir qu’un label.
Label
Le swicth doit toujours être accompagné d’un label.
Alignement des labels
Même si on peut mettre le label à droite ou à gauche du switch, les labels doivent tous être alignés lorsque plusieurs switch se suivent pour faciliter la lecture.