tag-input
A component that turns a text input element into a pretty tags input.
Enables you to work with any MVC framework using simple events or you can get the tags from the inner model.
Install
component install tomerdmnt/tag-input
Example
var TagInput = require('tag-input');
var taginput = TagInput(document.getElementById('tags'))
taginput.on('add', function (tag) {
console.log(tag + ' added')
console.log(taginput.tags())
})
taginput.on('remove', function (tag) {
console.log(tag + ' removed')
console.log(taginput.tags())
})
Notes about style
The pseudo input style is very basic, so you can adjust its looks to your site, You can extend it by adding to taginputContainer class.
api
TagInput(input)
binds to a text input element
addtag(tag)
adds a tag to the tag input from js
removetag(tag)
removes a tag from the tag input from js
event: 'add'
Called when a tag is added
event: 'removed'
Called when a tag is removed`