0% Complete
#

Form Autocomplete

FormAutocomplete supports all props and events of Autocomplete and also have some additional features

#

Label

You can set a label for FormAutocomplete.

value: undefined
#

Disabled

FormAutocomplete supports disabled state.

#

Placeholder

Autocomplete can have placeholders.

Selected value: undefined
#

Sizes

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

Selected value: undefined
#

Complex Items

You can have complex objects as item and you need to use itemKey and itemValue props to extract the data that Autocomplete needs

value: {"id":"third","value":"Third Item"}
#

States

You can set the valid or invalid boolean properties to apply the valid or invalid state to a Autocomplete.

#

Hint/Validation Message

You can set a message below of Autocomplete like this

choose your favorite color
GHI is not a valid color name.
This color name is valid.
#

Layout

You can set width of each Form elements in a form using cols prop.

#

Required

You can mark it as a required field like this

#

Custom Key

You can choose a key to increase performance.

value: {"id":"third","value":"Third Item"}