Radio group - Groupe de radios

Élément cliquable permettant à l’utilisateur de sélectionner une seule option parmi plusieurs options mutuellement exclusives mais liées.

Anatomie

Le composant radio est composé de plusieurs éléments dont certains ne sont visibles qu'en fonction des options de personnalisation choisies.

Radio group - Anatomie
  1. Astérisque facultatif
  2. Label
  3. Infobulle facultatif
  4. Bouton
  5. Libellé (associé à bouton)
  6. Texte d'aide facultatif

 


Variantes

 

Liste verticale

Cette organisation est conseillée car plus facile à lire pour l'utilisateur

Radio group - Vertical

 

Liste horizontale

Cette organisation doit être uniquement utilisée lorsqu'il y a deux options ou que les libellés sont très courts et peuvent tenir en une seule ligne.

Radio group - Horizontal

 


 

Assistance utilisateur

Les éléments d'assistance fournissent des détails supplémentaires sur le contexte ou les informations attendues par l'utilisateur.

 

Infobulle

L'option infobulle permet d'afficher une icône à côté du label qui fournit des informations contextuelles lorsqu'elle est survolée (ou au focus) ou cliquée à l'aide du composant infobulle.

Radio group - Infobulle

 

Texte d'aide

Le texte d'aide donne des indications supplémentaires sur le groupe de cases à cocher.

Radio group - Texte d'aide

 

Message d'erreur

Le message d'erreur vient apporter des informations supplémentaires à l'utilisateur s'il manque une action de l'utilisateur.

Radio group - Message d'erreur

 


 

Alternatives