Skip to content

Switch Widget

The switch widget provides a simple on/off selection switch. It may be used stand-alone or as part of a form.

Switch Widget

Configurable components

NameDescription
cardBackground button card component
primaryButton component

Widget Properties

Class NameDescription
formName of the form to submit to.
labelSwitch label text
valueThe initial switch value

CSS Properties

These CSS properties configure the underlying switchcomponent.

ElementCSS PropertyDescription
 backgroundBackground color of the button
 colorText color of the button
 --v-densitySet to compact, default or comfortable.
 --v-rippleSet to enable the ripple effect.
cardbackgroundBackground color of the card