Composants
Radio
Un bouton radio permet aux utilisateurs de ne sélectionner qu'une seule valeur dans une liste de deux options ou plus.
# Usage
Les Radio buttons sont généralement utilisés en groupes, permettant aux utilisateurs de choisir une seule option parmi plusieurs. Lorsqu'un radio button dans le groupe est sélectionné, les autres se désélectionnent automatiquement.
- Choix exclusifs : Lorsque l'utilisateur doit sélectionner une option unique parmi plusieurs.
- Formulaires : Pour les questions à choix unique dans les formulaires (par exemple, genre, type de livraison, méthode de paiement).
- Paramètres de configuration : Pour les options de configuration où une seule option peut être active à la fois.
Quand utiliser
- Vente : Permettre aux utilisateurs de sélectionner une méthode de livraison unique, pour des filtres à choix unique, comme le tri par prix ou par popularité. Peut être utilisé pour les produits avec des variations exclusives comme la taille ou la couleur.
- Assistance : Permettre aux utilisateurs de choisir la catégorie de leur demande d'assistance (par exemple, technique, facturation, général).
- Application/Espace client : Choisir un type d'abonnement unique parmi plusieurs options.
Quand ne pas utiliser
- Choix multiples : Utilisez des checkbox si l'utilisateur peut sélectionner plusieurs options simultanément.
- Actions instantanées : Utilisez des boutons pour des actions immédiates (comme soumettre un formulaire).
- Longues listes : Si vous avez une longue liste d'options, envisagez d'utiliser un dropdown pour économiser de l'espace.
# Do & Don't
Ne pas utiliser de radio button pour de la sélection multiple
Ne pas mélanger RadioButton et Checkox dans la même liste
Alignement vertical
Un radio button doit toujours contenir un label