Checkbox
BetaL2 — '<'input type="checkbox"'>' natif + label + état indeterminate. "use client" (indeterminate posé via ref, seule capacité hors RSC). Touch-target ≥44px.
import { Checkbox } from "@lyra/tokens/components";Playground
Démo interactive — réglages du playground (props ajustables en direct) à venir.
<Checkbox label="J'accepte les conditions" checked={ok} onChange={setOk} />
<Checkbox label="Sélectionner tout" indeterminate />
<Checkbox label="Option indisponible" disabled />Documentation
- coché
- indeterminate
- disabled
label, checked, indeterminate, onChange, disabled, description<Checkbox label="J'accepte les conditions" checked={ok} onChange={setOk} />
<Checkbox label="Sélectionner tout" indeterminate />
<Checkbox label="Option indisponible" disabled />- '<'input type="checkbox"'>' natif + '<'label'>' associé — nom accessible + clavier (Espace) gratuits.
- indeterminate : posé sur le nœud DOM via ref (l'attribut n'existe pas en JSX déclaratif).
- disabled : attribut natif, retiré du tab order, onChange jamais appelé.
- description optionnelle chaînée en aria-describedby.
- Touch-target ≥ 44px sur toute la zone cliquable (case + label).