Turns a text input into a pretty Evernote like tags input
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
test
.gitignore
Makefile
Readme.md
component.json
index.js
screenshot.jpg
tag-input.css

Readme.md

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.

Tags Input

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`