Autocomplete

Showcase of Autocomplete components - RHFAutocomplete, RHFMultiAutocomplete and RHFCountrySelect designed for selecting single or multiple values in form.

Autocomplete variations with Register Options

Autocomplete

Source Airport *

Autocomplete accepting multiple options and customized chip

Destination Airports

Multi Autocomplete With String Options

Which colors do you like ?

Select at least 2 colors

Multi Autocomplete With Object Array Options and customized checkbox and formLabel

Which Teams have won trophy in IPL ?

Mumbai Indians

Chennai Super Kings

CountrySelect with customized textfield

Nationality *

CountrySelect - Multiple selection with default values & preferredCountries

Countries Visited

🇦🇺

Australia

🇸🇬

Singapore

CountrySelect - Multiple Selection with minLength validation, valueKey, filtered Options and ChipProps

What are your Dream Destinations?

Select atleast 3 countries

Form State - Values & Errors

formValues:{7 items
countriesVisited:[2 items
0:
string"AU"
1:
string"SG"
]
sourceAirport:string"ARN"
iplTeams:[2 items
0:
string"MI"
1:
string"CSK"
]
destinationAirports:undefined
colors:undefined
nationality:undefined
dreamDestinations:undefined
}

errors:{}0 items

DOCUMENTATION 📖

RHFAutocomplete RHFMultiAutocomplete RHFCountrySelect

SOURCE CODE </>

Country Select