Ctrl + k

FormSelect

FormSelect component supports all props and events of Select and also have some additional features like label, hint, required, cols, etc. to make it easy to use in a form.

Label

value: undefined

Key

Fruit

Selected Id: 1 - value: {"name":"Apple","id":"1","type":"Fruit"}

Hint/Validation Message

Favorite Color:

We will never share your selected item with anyone else.

Favorite Color:

Selected item is validated!

Favorite Color:

Selected item is invalid!

Events

Select

clicked: 0

Bind as Object

Fruit

value: {"name":"Apple","id":"1","type":"Fruit"}

State

Favorite Color:

Required

Choose a Language:

Multiple

Label

value:

Dynamic Items

Choose a Item:

value: undefined

Bind Item

Fruit

Selected Id: 1 - value: {"name":"Apple","id":"1","type":"Fruit"}

Layout

First

Second

Third

Fourth

FormRadioGroup

FormSlider

Source code Documentation