Autocomplete
/Documentation
Autocomplete
An input that suggests options as you type. A high-quality, unstyled React autocomplete component that renders an input with a list of filtered options.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| disabled | boolean | - | Disable the autocomplete |
| sideOffset | number | - | Distance in pixels from the trigger (AutocompletePopup prop) |
Stories
Default
A basic autocomplete with configurable props
Inline autocomplete
Autocomplete that uses both inline and popup suggestions.
Autohighlight
Autocomplete with the first result auto-highlighted.
Clear
Autocomplete with a clear button.
Grouped items
Autocomplete with grouped items and sticky group labels.
Limit results
Autocomplete limiting visible results with a status hint.
Async search
Autocomplete with async results, loading and error states.