React Autocomplete - View Demo

A lightweight autocomplete input component

Install

npm install --save synapse-react-autocomplete

Usage

import Autocomplete from 'synapse-react-autocomplete';

Props

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

Styles are not included by default. Include scss/autocomplete.scss in your local app.scss file to include the base styles.

Development

• Development - npm run demo
• Distribution - npm run build