0% Complete

FormSelect

Add one of the available selects a dropdown select - to let users choose from a predefined set of options.

#

Label

Set label property to show input label's and bind to its id automatically. required is a booleanproperty which show an indicator on label as well. You can also use label slot.

value: undefined
#

Disabled

Add the disabled boolean attribute on a select to give it a grayed out appearance and remove pointer events.

#

Items

Select can have custom item names.

value: undefined
#

Placeholder

Select can have placeholders.

Selected value: undefined
#

Sizes

You may also choose from small and large custom selects to match our similarly sized text inputs.

Selected value: undefined
#

Hint/Validation Message

Set hint string property to show some useful information about the input. You can also use hint slot.

We will never share your selected item with anyone else.
Selected item is validated!
Selected item is invalid!
#

State

Set state property to show a state indicator on the input.

#

Layout

Use default row and col properties to change layout of the FormSelects inside forms.