Checkbox
Binary and three-state selection input with optional label. Supports indeterminate state for select-all patterns.
Playground
label
size
checked
disabled
rounded
<Checkbox/>Basic
Indeterminate (Select All)
Use indeterminate to represent a partially selected group.
Sizes
Disabled
API
| Property | Type | Default | Description |
|---|---|---|---|
label | ReactNode | — | Label rendered next to the checkbox |
checked | boolean | false | Controlled checked state |
indeterminate | boolean | false | Show a dash (−) for partially selected state |
size | "sm" | "md" | "lg" | "md" | Size preset |
disabled | boolean | false | Disable the checkbox |
onChange | (e: ChangeEvent) => void | — | Change handler |