Skip to content
EN

Autocomplete

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

Material-UI doesn't provide a high-level API for solving this problem. You are encouraged to use a solution the React community has built, following one of the examples below.

downshift

stars npm downloads

This example demonstrates 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

This example demonstrates how to use react-select.

react-autosuggest

stars npm downloads

This example demonstrates how to use react-autosuggest. It also uses autosuggest-highlight for the highlighting logic.

Complementary projects

For more advanced use cases you might be able to take advantage of: