https://github.com/awran5/react-material-ui-autocomplete

Autocomplete Component built with Material-UI. Support accessibility and works with keyboard, screen readers, and touch screens.
https://github.com/awran5/react-material-ui-autocomplete

autocomplete keyboard material-ui react react-autosuggest react-component

Last synced: 20 days ago
JSON representation

Autocomplete Component built with Material-UI. Support accessibility and works with keyboard, screen readers, and touch screens.

• Host: GitHub
• URL: https://github.com/awran5/react-material-ui-autocomplete
• Owner: awran5
• License: mit
• Created: 2019-12-23T23:19:23.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-21T09:33:40.000Z (about 4 years ago)
• Last Synced: 2024-10-12T10:10:29.804Z (3 months ago)
• Topics: autocomplete, keyboard, material-ui, react, react-autosuggest, react-component
• Language: JavaScript
• Homepage: https://react-material-ui-autocomplete.vercel.app
• Size: 476 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Material-UI Autocomplete Component

Simple Autocomplete component built with Material-UI. Support accessibility and works with keyboard, screen readers, and touch screens.

### Suppored keys

- `UP`

- `Down`

- `ESC`

- `ENTER`

- `Mouse clicks`

### Dependencies

- [Material-UI](https://material-ui.com/) v4.11.0

- React version supports [Hooks](https://reactjs.org/docs/hooks-intro.html)

![Screenshot](./screenshot.gif)

### Usage Example:

```jsx

import MuiAutoComplete from "./components/MuiAutoComplete"

const App = () => {

  // State

  const [inputValue, setInputValue] = useState("")

  // Handle Change

  const handleChange = e => setInputValue(e.target.value)

  // Handle Select

  const handleSelect = value => setInputValue(value)

  return (

    


      

    

  )

}

```


### [Demo](https://react-material-ui-autocomplete.vercel.app)

### [codeSandbox](https://codesandbox.io/s/react-material-ui-autocomplete-2xzponvj3n)