Documentation
Documentation Hub

BaseSwitch

Thin Switch

Switches are binary inputs that can be either on or off. They are used to toggle between two states. This is an example of a thin style switch.

Show code

Thin Sublabel

Switches can have a sublabel. use the sublabel prop to set the sublabel text and modify the swicth layout.

Show code

#<BaseSwitchThin>

Model

v-model
The model value of the switch.
Show example

Properties

color
Main color of the switch.
Show example
label
Accessible label of the switch.
Show example
id
The form input identifier.
Show example
sublabel
The sublabel of the switch.
Show example

Exposed

el
The underlying HTMLInputElement element.
Show example

Ball Switch

Switches are binary inputs that can be either on or off. They are used to toggle between two states. This is an example of a ball style switch.

Show code

Ball Sublabel

Switches can have a sublabel. use the sublabel prop to set the sublabel text and modify the swicth layout.

Show code

#<BaseSwitchBall>

Model

v-model
The model value of the switch.
Show example

Properties

color
Main color of the switch.
Show example
label
Accessible label for the switch.
Show example
id
The form input identifier.
Show example
sublabel
The sublabel of the switch.
Show example

Exposed

el
The underlying HTMLInputElement element.
Show example