Checkbox
Une case, ou un groupe de cases.
CheckboxGroup gère la liste des valeurs cochées; la case seule gère la sienne. L'état indéterminé est une troisième valeur, pas un entre-deux visuel : il dit « certains enfants sont cochés », ce qu'aucun booléen ne sait exprimer.
Installation
bash
sia-ui add checkboxOu par le paquet, sans rien copier :
tsx
import { Checkbox } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
className | string | — | |
defaultValue | CheckboxValue[] | [] | |
disabled | boolean | — | |
onValueChange | (value: CheckboxValue[]) => void | — | |
orientation | "horizontal" | "vertical" | vertical | |
size | "sm" | "md" | "lg" | md | |
tone | ComponentTone | primary | |
value | CheckboxValue[] | — | |
variant | "button" | "default" | default |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.