Form Widget

The form widget coordinates the input from a collection of input widgets. It provides a button to submit the form.

Input widgets can designate a form name. When the corresponding form is then submitted, the form widget will gather the input values and submit them to the widget action.

Configurable components

Class Name	Description
card	Background card component
primary	Primary form component

Widget Properties

Name	Description
form	Name of the form. Use this name in the input widgets to specify the form
text	Text to display in the form button. Defaults to "Save"
validate	Regular expression to validate the form input

CSS Properties

Element	CSS Property	Description
	font-size	Font size of the form text. Scales by default according to the widget size
	font-weight	Font weight of the form text. Defaults to bold
button	color	Color of the form text
button	background	Background color of the form button. Defaults to accent
button	--v-variant	Set to elevated, flat, tonal, outlined, text or plain
button	--v-block	Set to true to make the button full width
button	--v-density	Set to compact, default or comfortable
button	--v-ripple	Set to enable the ripple effect