Documentation
Documentation Hub

Switch: thin

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
vue

Thin: sublabel

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

Show code
vue

#<BaseSwitchThin>

•Model

v-model
Show example
vue

•Properties

classes
Optional CSS classes to apply to the component inner elements.
Show example
vue
id
The form input identifier.
Show example
vue
label
Accessible label of the switch.
Show example
vue
sublabel
The sublabel of the switch.
Show example
vue

•Properties (with app.config)

color
Main color of the switch.
Show example
vue

•Exposed

color
Main color of the switch.
Show example
vue
el
The underlying HTMLInputElement element.
Show example
vue

Switch: ball

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
vue

Ball: sublabel

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

Show code
vue

#<BaseSwitchBall>

•Model

v-model
Show example
vue

•Properties

classes
Optional CSS classes to apply to the component inner elements.
Show example
vue
id
The form input identifier.
Show example
vue
label
Accessible label for the switch.
Show example
vue
sublabel
The sublabel of the switch.
Show example
vue

•Properties (with app.config)

color
Main color of the switch.
Show example
vue

•Exposed

color
Main color of the switch.
Show example
vue
el
The underlying HTMLInputElement element.
Show example
vue