https://github.com/gromnitsky/react-awesomplete-tagger

A tiny React tagger component that uses Awesomplete for completions; supports debouncing out-of-the-box
https://github.com/gromnitsky/react-awesomplete-tagger

awesomplete completions react-component tagger

Last synced: about 6 hours ago
JSON representation

A tiny React tagger component that uses Awesomplete for completions; supports debouncing out-of-the-box

• Host: GitHub
• URL: https://github.com/gromnitsky/react-awesomplete-tagger
• Owner: gromnitsky
• Created: 2019-08-10T23:25:21.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-08-10T23:25:36.000Z (over 5 years ago)
• Last Synced: 2024-11-07T08:18:14.576Z (12 days ago)
• Topics: awesomplete, completions, react-component, tagger
• Language: JavaScript
• Homepage: http://gromnitsky.users.sourceforge.net/js/react-awesomplete-tagger/demo.html
• Size: 6.84 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-awesomplete-tagger

![demo](https://media.giphy.com/media/iJPDqHwV0h0S7F3xsQ/giphy.gif)

    npm i react-awesomplete-tagger

* Depends on https://leaverou.github.io/awesomplete/

* Debounces completions fetching

* 1.9K minified UMD

## Usage

First:

~~~

~~~

Second, create an AwesompleteTagger component w/ a 2 predifined

competions:

~~~

 Promise.resolve(['foo', 'bar'])} />

~~~

Props:

* `completions`: (required) expects a fn that returns a promise

* `opt`: an options hash that gets passed down to Awesomplete

* `debounce`: default is 200 (ms)

See `demo.*` files.

## Compile an UMD

~~~

# npm i -g rollup terser adieu

$ npm i

$ make

~~~

Results are expected in `dist/`.

## License

MIT.