Check box
Flexible checkbox components with support for individual checkboxes and checkbox groups. Click the code examples to copy them.
Basic Checkbox
A simple uncontrolled checkbox component
Controlled Checkbox
A controlled checkbox with state management and onChange handler
Disabled Checkbox
A checkbox in disabled state
Checkbox Group (Horizontal)
Multiple checkboxes arranged horizontally with group management
Checkbox Group (Vertical)
Multiple checkboxes arranged vertically (default layout)
Props Reference
| Prop | Type | Description |
|---|---|---|
| name | string | Input name attribute |
| value | string | Input value attribute |
| label | string | Label text displayed next to checkbox |
| checked | boolean | Controlled checked state |
| defaultChecked | boolean | Initial checked state for uncontrolled checkbox |
| disabled | boolean | Disables the checkbox |
| onChange | function | Callback when checkbox state changes |
| options | array | (CheckBoxGroup only) Array of checkbox options |
| valueClassName | string | (CheckBoxGroup only) Custom styles for options container |