Skip to content

Slider Widget

The slider widget provides a linear slider selection. It may be used stand-alone or as part of a form.

Slider Widget

Configurable components

NameDescription
cardBackground button card component
primaryButton component

Widget Properties

Class NameDescription
formName of the form to submit to.
labelRadio label text
minThe minimum value of the slider
maxThe maximum value of the slider
valueThe initial slider value

Common CSS Properties

These CSS properties configure the underlying slider component.

PropertyDescription
backgroundBackground color of the slider
card.backgroundBackground color of the card

Vuetify CSS Properties

Set these CSS properties to modify the underlying Vuetify component.

PropertyDescription
--w-densitySet to compact, default or comfortable.
--w-rippleSet to enable the ripple effect.