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: about 1 month 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 (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-10-21T09:33:40.000Z (over 5 years ago)
- Last Synced: 2024-10-12T10:10:29.804Z (over 1 year 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)
### 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)