Question à choix unique - Single-choice question
Il s’agit d’une question à laquelle on ne peut choisir qu'une réponse parmi l'ensemble des réponses proposées.
Apercu
Composant
Construction
La hauteur du composant est fixée à 56px.
Construction avec libellé
Les différents états
Défaut
Hover
Select
Select inactif
Comportement particulier : Select inactif
Si la valeur a déjà été enregistrée celle-ci est visible mais n’est pas modifiable.
Intéraction
Quand le curseur passe sur cet élément, le pointeur devient une main afin d'indiquer la fonction sélection.
Autres exemples
Le composant à choix unique peut également exister avec un pictogramme.
Défaut
Hover
Sélectionné
Usages Mobile
Règles desktop & mobile
- Le composant doit respecter les apparences associées à ses différents états définis.
- L’apparence globale (couleurs, typographie...) des chips ne doit pas être modifié.
- Veillez à respecter les espacements entre deux éléments.
- Interdiction de modifier les proportions ou les marges du composant.
Storybook
Storybook
Lien à venir