Input Autocomplete
Tiny react input component with HTML5-like autocomplete.
Why not HTML5 autocomplete?
Because HTML5 autocomplete only show options based on earlier user typed values.
Features:
- Autocomplete based only on given values.
- No styling. Style it yourself as a regular text input element.
- Tiny abstraction over input element.
- Typescript types.
Demo and examples
Live demo: kevinjhanna.github.io/input-autocomplete
Installation
npm install input-autocomplete --save Usage
Uncontrolled input
import { InputAutocomplete } from 'input-autocomplete' <InputAutocomplete type='text' autocompleteValues={['john lennon', 'john travolta']} />Controlled input
import { InputAutocomplete } from 'input-autocomplete' let state = { name: '' } const handleOnChange = (ev) => { state = { name: ev.currentTarget.value } } <InputAutocomplete type='text' autocompleteValues={['john lennon', 'john travolta']} value={state.name} onChange={handleOnChange} />
