v-checkbox component provides users the ability to choose between two distinct values. These are very similar to a switch and can be used in complex forms and checklists. A simpler version,
v-simple-checkbox is used primarily as a lightweight alternative in data-table components to select rows or display inline boolean data.
v-checkbox in its simplest form provides a toggle between 2 values.
Checkboxes can be colored by using any of the builtin colors and contextual names using the color prop.
Model as array
v-checkbox’s can share the same v-model by using an array.
Model as boolean
v-checkbox will have a boolean value as its value.
v-checkbox can have different states such as default, disabled, and indeterminate.
Checkbox labels can be defined in
label slot - that will allow to use HTML content.
If you need to place checkboxes in line with other components, you can use the
This component renders just checkbox, without the trapping of a form input such as validation, a label, and messages.