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. |