Basic
Text fields components are used for collecting user provided information.
Default
Density
Text fields components are used for collecting user provided information.
Compact
Colors
Checkboxes can be colored by using any of the builtin colors and contextual names using the color prop.
Model as array
Multiple q-checkbox's can share the same v-model by using an array.
[]
Icon
Use false-icon and true-icon prop to change the icon on the checkbox.
Checkbox Value
Use false-value and true-value prop to sets value for truthy and falsy state
States
q-checkbox can have different states such as default, disabled, and indeterminate.
Custom Label
Checkbox labels can be defined in label slot - that will allow to use HTML content.