Documentation
Documentation Hub

BaseCheckboxAnimated

Checkbox colors

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

Show code

Boolean value

Here is an example using a boolean value

Show code

Custom behavior

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

Show code

Static value

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

Show code

#<BaseCheckboxAnimated>

Model

v-model
The model value of the component.
Show example

Properties

value
The value of the component.
Show example
color
The color of the checkbox. Can be 'default', 'primary', 'info', 'success', 'warning', or 'danger'
Show example
id
The form input identifier.
Show example
classes
Optional CSS classes to apply to the wrapper, label, and input elements.
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