Checkbox
A toggle control for boolean values. Built on Radix primitives with accessible keyboard support and animated check indicator.
Standalone
<Checkbox />With Label
<Cluster gap="sm" align="center">
<Checkbox id="terms" />
<Label htmlFor="terms">Accept terms and conditions</Label>
</Cluster>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
checked | boolean | false | The controlled checked state of the checkbox. |
onCheckedChange | (checked: boolean) => void | — | Callback fired when the checked state changes. |
disabled | boolean | false | When true, prevents interaction with the checkbox. |
id | string | — | The id attribute, useful for associating with a label. |