Autocompletes can have different shapes. The default shape is rounded but you can also use straight, curved or full shapes.

Autocompletes can have a configurable icon on the left side using the icon prop. Make sure to pick meaningful icons for your use case.

Clearable autocompletes have a clear icon that appears on the right side using the clearable prop. The clear icon is also configurable using the clearIcon prop.

Autocompletes can have a material design style floating label using the labelFloat prop.

Autocompletes can be displayed in a smaller and more compact way using the size prop with the sm value.

Autocompletes can be disabled using the disabled prop.

Autocompletes can be showed in a loading state using the loading prop.

Autocompletes can be configured to allow multiple value and item selection using the multiple prop.

Autocompletes can render results with icons using the <BaseAutocompleteItem> component. The component accepts an icon prop that is displayed in the results list.

Autocompletes can render results with images using the <BaseAutocompleteItem> component. The component accepts a media prop that is displayed in the results list.