Groupe de boutons radio
<gcds-radio-group>

Autres noms : radio button, radio.

Le groupe de boutons radio est un ensemble d’options permettant une sélection unique.

• GitHub
• Figma

Créer un groupe de boutons radio

Utilisez un groupe de boutons radio avec un jeu de champs lorsque vous attendez d’une personne qu’elle ne sélectionne qu’une réponse parmi une courte liste d’options.

Le groupe de boutons radio aide les gens à faire un choix grâce à un nombre limité d’options.

Codage et accessibilité du groupe de boutons radio

Appliquez les attributs requis

Pour que le groupe de boutons radio fonctionne correctement, utilisez toujours les attributs suivants avec <gcds-radio-group> :

• name
• options

Utilisez l’attribut options avec le groupe de boutons radio

L’attribut options utilise un tableau d’objets pour rendre chaque bouton radio. Voici un exemple de l’un des objets :

{
  'id'!: '',
  'label'!: '',
  'value'!: '',
  'required'?: '',
  'disabled'?: '',
  'checked'?: '',
  'hint'?: '',
}

• À l’intérieur de l’attribut options, utilisez toujours les propriétés id, label et value de l’objet pour chaque bouton radio. Les autres propriétés sont facultatives.

Obtenez votre code

Générez une version du composant dont vous avez besoin en sélectionnant les propriétés de code correspondantes ou explorez les possibilités en choisissant différentes valeurs de code.

1. Choisissez des valeurs de code pour obtenir l'élément que vous voulez.

2. Obtenez le code et intégrez-le dans votre environnement.

3. Ajoutez tout contenu nécessaire au composant (comme le texte du libellé).

Remarque : Conformément à la pratique courante, le générateur de code utilise l'anglais pour tous les éléments de code.