Checkbox
A flexible checkbox component with sizes and accessible styling.
Default
Use the checkbox to capture boolean choices and list selections.
Usage
Loading...
States
Sizes
Use the size prop for compact or prominent checkboxes.
API Reference
The Checkbox component renders a styled input[type="checkbox"].
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" | "md" | "lg" | "md" | Controls the checkbox size. |
className | string | undefined | Add custom classes to the input. |
disabled | boolean | false | Disables the checkbox and reduces opacity. |
checked | boolean | undefined | Controls the checked state when provided. |
defaultChecked | boolean | undefined | Sets the initial checked state. |