Skip to content
On this page

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

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