Simple React component for inputing tags.

npm install react-tagsinput --save

or

bower install react-tagsinput --save

var TagsInput = require('./react-tagsinput');

var App = React.createClass({
  saveTags: function () {
    console.log('tags: ', this.refs.tags.getTags().join(', '));
  }, 

  render: function () {
    return (
      <div>
        <TagsInput ref="tags" tags={["tag1", "tag2"]} />
        <button onClick={this.saveTags}>Save</button>
      </div>
    );
  }
});

Tags to preloaded, default is [].

Placeholder text for the add a tag input, default is "Add a tag".

A function which returns true if a tag is valid, default function returns true for every string but the empty string.

An array of key codes that add a tag, default is [9, 13] (Tab and Enter).

Callback when the tag input changes, the argument is an array of the current tags.

Callback when a tag is added, argument is the added tag.

Callback when a tag is removed, argument is the removed tag.

Returns an array of the current tags.

Look at react-tagsinput.css for an idea on how to style this component.

MIT Licensed