@streammedev/hermes v2.1.2

Hermes

Messages like you have never seen them before

Install

$ npm install --save @streammedev/hermes

Basic Usage

var ReactDom = require('react-dom');
var Hermes = require('@streammedev/hermes');

ReactDom.render(<Hermes
	autoFocus
	placeHolder="Get your message across..."
	suggestions={[/* your array of suggestions, updated when loadSuggestions is called */]}
	loadSuggestions={function (term, fullText) {
		// Get from your server,
		// or whereever you get them,
		// term is the current word
		// fullText is the full input value
	}}
	clearSuggestions={function () {
		// clear your suggestion list
	}}
/>, document.getElementById('app'));

Options

Example

There is a working example, picutred in the gif above. Here is how to run it:

$ git clone git@github.com:StreamMeDev/hermes.git && cd hermes/examples/basic
$ npm install
$ node index.js

Then visit http://localhost:1337.

Advanced Usage

The package exposes all of the internal parts, so you can compose them together in your application however you like.

More to come on this.

Contributing

Contributions are welcome. Please see our guidelines in CONTRIBUTING.md