Checkbox
Checkbox is used to select or deselect a value.
Installation
npx jsx-daisyui add checkboxDefault
checkbox-default
Sizes
checkbox-sizes
Colors
checkbox-colors
Disabled
checkbox-disabled
Indeterminate
checkbox-indeterminate
With fieldset
checkbox-fieldset
Controlled
checkbox-controlled
State: unchecked
Props
Checkbox
| Prop | Type | Default | Description |
|---|---|---|---|
color | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | - | The color of the checkbox. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | The size of the checkbox. |
indeterminate | boolean | - | Puts the checkbox into an indeterminate state. |