Checkbox
Checkbox Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| size | selectsm | md | lg | md | |
| checked | boolean | false | |
| indeterminate | boolean | false | |
| disabled | boolean | false | |
| label | text | Checkbox label |
Default
Checked
Indeterminate
Disabled
DisabledChecked
Sizes
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
checked | boolean | false | Checked state |
disabled | boolean | false | Disabled state |
indeterminate | boolean | false | Indeterminate state |
label | text | Checkbox label | Label text |
size | select | md | Checkbox size |
Using Checkboxtsx
import { Checkbox } from '@/components/Checkbox'
<Checkbox
size="..."
checked="..."
indeterminate="..."
disabled="..."
label="..."
/>Tokens Used
No design tokens detected