🎯 Intention

Le Toggle Switch est idéal pour effectuer des actions binaires comme activer / désactiver des préférences.

✅ Points clés

<aside> ⌛ Temps indicatif :

</aside>

Le toggle doit indiquer visuellement si une option est activée ou désactivée Exemple : Bleu quand c’est coché, Gris quand c’est décoché

Afin de mieux discerner quand l’input est coché ou non

Ex sur Notion : en bleu activé, en gris désactivé
Le toggle doit être accompagné d’un texte explicite qui indique à l’utilisateur ce qu’il active ou désactive.
- Ex : Mettre “Recevoir des notifications” plutôt que juste “Notifications”
L’input doit avoir une animation de 300ms quand il change d’état
L’animation change la couleur
L’animation déplace le rond de la gauche vers la droite (et inversement)
L’input doit avoir un cursor “pointer”