v-switch component provides users the ability to choose between two distinct values. These are very similar to a toggle, or on/off switch, though aesthetically different than a checkbox.
v-switch in its simplest form provides a toggle between 2 values.
Switches can be colored by using any of the builtin colors and contextual names using the color prop.
You can make switch render without elevation of thumb using flat property.
You can make switch render in inset mode.
# Model as array
v-switch’s can share the same v-model by using an array.
# Model as boolean
v-switch will have a boolean value as its value.
v-switch can have different states such as default, disabled, and loading.
Switch labels can be defined in
label slot - that will allow to use HTML content.