Checkbox
Introduce
A group of options for multiple choices.
Demo
Basic usage
v-model binding value
Disabled
Disabled state for checkbox.
Size
The Checkbox accepts md and lg properties to change its size.
Custom Checkbox
You can define the icon property to customize the checkbox's icon.
Checkbox Props
| Name | Type | Default | Description |
|---|---|---|---|
| modelValue / v-model | boolean | string | number | undefined | Binding value. |
| name | string | undefined | Native 'name' attribute. |
| size | 'md' | 'lg' | md | Checkbox's size. |
| icon | string | i-carbon-checkmark | Customize icon's name. |
| disabled | boolean | false | Whether the Checkbox is disabled. |
| label | string | undefined | Checkbox label. |
Onu-UI