🚨🚨🚨 This project is no longer being actively developed/supported. We recommend checking out the community-driven https://github.com/reactjs/react-autocomplete as an alternative. 🚨🚨🚨
React Autocomplete - View Demo
A lightweight autocomplete input component
npm install --save synapse-react-autocomplete
import Autocomplete from 'synapse-react-autocomplete';
className : string
id : 'string'
labelField : 'string' (default 'label')
valueField : 'string' (default 'value')(optional)
options : [{ labelField : 'string', valueField : 'string' }]
placeholder : 'string'
minimumCharacters : number
maximumCharacters : number
maximumSuggestions : number
clearOnSelect : bool
dropdownPosition : string ('top' or 'bottom')
dropdownHeight : number
showSuggestionsOnEmptyFocus : bool
Styles are not included by default. Include scss/autocomplete.scss in your local app.scss file to include the base styles.
- Development -
npm run demo - Distribution -
npm run build