Checkbox
Checkbox input component for boolean values.
Basic
Simple checkbox
Colors
Different color variants
Sizes
Checkbox sizes
Indeterminate
Indeterminate state
Main Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | - | HTML id attribute |
checked | boolean | false | Checked state |
disabledRipple | boolean | false | Disable ripple effect |
label | string | '' | Label text |
disabled | boolean | false | Disable the checkbox |
color | Color | 'blue' | Color variant |
name | string | - | Input name |
size | 'sm' | 'md' | 'lg' | 'md' | Checkbox size |
indeterminate | boolean | false | Indeterminate state |
icon | React.ReactNode | - | Custom icon |
rippleColor | 'dark' | 'light' | 'dark' | Ripple color |
onChange | (e: React.ChangeEvent<HTMLInputElement>) => void | - | Change handler |
Class Props
| Name | Type | Default | Description |
|---|---|---|---|
classNameRoot | string | - | Class for root element |
classNameWrapperCheckbox | string | - | Class for wrapper |
classNameCheckbox | string | - | Class for input element |
classNameIconCheckbox | string | - | Class for default icon |
classNameLabel | string | - | Class for label |
classNameIndeterminate | string | - | Class for indeterminate icon |
classNameIcon | string | - | Class for custom icon |