https://github.com/revolunet/react-fuzzy-input-text

A simple search widget, that autocomplete your text inputs.
https://github.com/revolunet/react-fuzzy-input-text

fuse fuzzy-search input reactjs select

Last synced: about 2 months ago
JSON representation

A simple search widget, that autocomplete your text inputs.

• Host: GitHub
• URL: https://github.com/revolunet/react-fuzzy-input-text
• Owner: revolunet
• Created: 2017-03-07T12:09:43.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-08-23T07:35:59.000Z (over 7 years ago)
• Last Synced: 2024-10-11T00:30:55.428Z (2 months ago)
• Topics: fuse, fuzzy-search, input, reactjs, select
• Language: JavaScript
• Homepage: http://revolunet.github.io/react-fuzzy-input-text
• Size: 757 KB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
# react-fuzzy-input-text

[![npm package][npm-badge]][npm]

A simple [fuse.js](http://fusejs.io) based autocomplete widget.

![demo](./demo.gif)

## Features

 - use the awesome [fuse.js](http://fusejs.io) fuzzy-search library

 - up/down keys navigation

[Demo](http://revolunet.github.io/react-fuzzy-input-text)

## Usage

```js

import FuzzyInput from 'react-fuzzy-input-text'

const cities = require('./cities.json')

// optional fuse.js options

const fuseOptions = {

  threshold: 0.5

}

return (

   c.name) }

    fuseOptions={ fuseOptions }

    onChange={ item => alert(item) }

  />

)

```

[npm-badge]: https://img.shields.io/npm/v/react-fuzzy-input-text.png?style=flat-square

[npm]: https://www.npmjs.org/package/react-fuzzy-input-text