Skip to content

Checkbox UPDATED

Checkboxes are used to select or deselect a value.

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

NameTypeDefaultDescription
modelValue / v-modelboolean | string | numberundefinedBinding value.
namestringundefinedNative 'name' attribute.
size'md' | 'lg'mdCheckbox's size.
iconstringi-carbon-checkmarkCustomize icon's name.
disabledbooleanfalseWhether the Checkbox is disabled.
labelstringundefinedCheckbox label.

MIT Licensed