Skip to content

Select Widget

The select widget provides selection from a list of options. It may be used stand-alone or as part of a form.

Select Widget

Configurable components

NameDescription
cardBackground button card component
primaryButton component

Widget Properties

Class NameDescription
formName of the form to submit to.
labelCheckbox label text
itemsList of items to display in the select list. JSON array of strings.
valueThe checkbox value

Common CSS Properties

These CSS properties configure the underlying button component.

PropertyDescription
backgroundBackground color of the button
colorText color of the button
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.