UNPKG

materialuiupgraded

Version:

Material-UI's workspace package

material-ui.com

mui-org/material-ui

40 lines (24 loc) • 1.6 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
--- title: Autocomplete React component components: TextField, Paper, MenuItem, Popper --- # Autocomplete <p class="description">The autocomplete is a normal text input enhanced by a panel of suggested options.</p> 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](https://img.shields.io/github/stars/paypal/downshift.svg?style=social&label=Stars) ![npm downloads](https://img.shields.io/npm/dm/downshift.svg) In the following example, we demonstrate how to use [downshift](https://github.com/paypal/downshift). {{"demo": "pages/demos/autocomplete/IntegrationDownshift.js"}} ## react-autosuggest ![stars](https://img.shields.io/github/stars/moroshko/react-autosuggest.svg?style=social&label=Stars) ![npm downloads](https://img.shields.io/npm/dm/react-autosuggest.svg) In the following example, we demonstrate how to use [react-autosuggest](https://github.com/moroshko/react-autosuggest). It's also using [autosuggest-highlight](https://www.npmjs.com/package/autosuggest-highlight) for the highlighting logic. {{"demo": "pages/demos/autocomplete/IntegrationAutosuggest.js"}} ## react-select ![stars](https://img.shields.io/github/stars/JedWatson/react-select.svg?style=social&label=Stars) ![npm downloads](https://img.shields.io/npm/dm/react-select.svg) In the following example, we demonstrate how to use [react-select](https://github.com/JedWatson/react-select). {{"demo": "pages/demos/autocomplete/IntegrationReactSelect.js"}}