Skip to content

Text Widget

The text widget is a simple text input. It may be used stand-alone or as part of a form.

Text Widget

Configurable components

Class NameDescription
cardBackground card component
primaryText input component

Widget Properties

NameDescription
labelField label
formName of the form to submit the text to.

Common CSS Properties

These CSS properties configure the underlying Vuetify text input component.

PropertyDescription
backgroundBackground color
colorText color

Vuetify CSS Properties

Set these CSS properties to modify the underlying Vuetify text input component.

PropertyDescription
--w-variantSet to elevated, flat, tonal, outlined, text or plain.
--w-densitySet to compact, default or comfortable.
--w-rippleSet to enable the ripple effect.