Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA text input that suggests matches as you type and lets you keep free text, built on Base UI.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Unlike a combobox, an autocomplete keeps whatever the person typed even when it matches no item. It uses Base UI's autocomplete, so install @base-ui/react.
| Export | Description |
|---|---|
Autocomplete | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteValue | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteTrigger | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteInput | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteStatus | A part of the component; compose it with the others as shown in the usage example. |
AutocompletePortal | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteBackdrop | A part of the component; compose it with the others as shown in the usage example. |
AutocompletePositioner | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteContent | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteList | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteCollection | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteRow | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteItem | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteGroup | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteGroupLabel | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteEmpty | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteClear | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteArrow | A part of the component; compose it with the others as shown in the usage example. |
AutocompleteSeparator | A part of the component; compose it with the others as shown in the usage example. |
The props are typed, and each part accepts the usual attributes of the element it renders.
The input has the combobox role with aria-expanded and aria-controls, arrow keys move through the suggestions, Enter picks one and Escape closes the list. Give the input an aria-label or a visible label.
Based on ReUI (MIT), adapted for tealmac UI. See the third-party notices.