Checkbox
A control that allows the user to toggle between checked and unchecked states. Built on Radix UI Checkbox.
Default
States
Usage
Use checkboxes for binary choices or multi-select lists. Always pair with a visible label.
For a single on/off toggle, consider using a Switch for better visual affordance.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| checked | boolean | — | Controlled checked state |
| onCheckedChange | (checked: boolean) => void | — | Callback when state changes |
| disabled | boolean | false | Disables the checkbox |
| required | boolean | false | Marks as required for forms |