Color

A nice and friendly checkbox. Notice the usage of <BaseFocusLoop> to loop focus through all the checkboxes. Use the color prop to change the color of the checkbox.

Show code

Value:boolean

Here is an example using a boolean value

Show code

Value:custom

Use true-value/false-value to create a custom behavior

Show code

Value:static

You can create a static checkbox by omitting the v-model (or model-value)

Show code
v-model
Show example
color
The color of the checkbox.

@default

'primary'

Show example
id
The form input identifier.
Show example
classes
Optional CSS classes to apply to the wrapper, label, and input elements.
Show example
value
The value of the component.
Show example
true-value
The value to set when the component is checked.
Show example
false-value
The value to set when the component is unchecked.
Show example