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 codeHide code
Here is an example using a boolean value
Show codeHide code
Use true-value/false-value to create a custom behavior
Show codeHide code
You can create a static checkbox by omitting the v-model (or model-value)
Show codeHide code
Name
Type
Default
colorThe color of the checkbox.
@default
'primary'
Show exampleHide example
idThe form input identifier.
Show exampleHide example
classesOptional CSS classes to apply to the wrapper, label, and input elements.
Show exampleHide example
valueThe value of the component.
Show exampleHide example
true-valueThe value to set when the component is checked.
Show exampleHide example
false-valueThe value to set when the component is unchecked.