components
Checkbox
A boolean control built on Radix Checkbox. The whole row is a 44px touch target, the box fills with the primary tone when checked, and the label is clickable.
Basic
Controlled, with a clickable label.
States
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| checked | boolean | none | Controlled checked state. |
| defaultChecked | boolean | none | Uncontrolled initial state. |
| onCheckedChange | (c: boolean) => void | none | Change handler. |
| label | ReactNode | none | Clickable label beside the box. |
| disabled | boolean | false | Disable the control. |