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