A simple autocomplete component build with React
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
scss
src
.editorconfig
.eslintrc
.gitignore
.npmignore
CHANGELOG.md
LICENSE
README.md
demo-server.js
package.json
webpack.config.demo.js

README.md

🚨🚨🚨 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

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