Skip to content

Checkbox UPDATED

Checkboxes are used to select or deselect a value.

Basic usage

v-model binding value


Disabled state for checkbox.


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

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