GuillocheDocs GitHub v2.0.0

Checkbox

Case a cocher native, habillee sans perdre la sémantique

Voir la source

formulaires v1.1.0 ui:Checkbox

Exemples

Cases

<twig:ui:Checkbox id="notifications" label="Recevoir les notifications" checked />

Props

PropDéfautRôle
idrequisIdentifiant de l'input
namenullNom du champ (défaut : `id`)
labelrequisLibelle cliquable
checkedfalseEtat initial
disabledfalseDesactive la case
describedBynull`aria-describedby`

Accessibilité

  • L'input natif reste focusable et annonce son etat. La case visuelle est aria-hidden="true". Le focus est rendu sur la case par :focus-visible + .ui-check__box.

README complet et exemples de la recette