Skip to content

Autocomplete

The autocomplete is a normal text input enhanced by a panel of suggested options.

Material-UI doesn't provide any high-level API for solving this problem. We encourage people relying on the solutions the React community has built.

downshift

stars npm downloads

In the following example, we demonstrate how to use downshift.

The last demo allows the user to clear the input and show a number of options on focus.

react-select

stars npm downloads

In the following example, we demonstrate how to use react-select.

react-autosuggest

stars npm downloads

In the following example, we demonstrate how to use react-autosuggest. It's also using autosuggest-highlight for the highlighting logic.