🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Tagsy is a jQuery tagging plugin for Bootstrap that enables the user to type some tags into an input field with autocomplete support.

Bootstrap tags-input

Documentation

Tagsy

Tagsy is a very lightweight (3.2KB both JS and CSS files) tag input plugin for Bootstrap & jQuery.

 

Features

  • Objects as data: You can  set both label and value for each tags.   
  • Auto complete: See suggestions as you type.  
  • jQuery plugin: It simply works like any other jQuery plugin.  
  • Bootstrap compatible: UI is completely based on Twitter Bootstrap 3.

### Installation

To install using bower just run:

bower install tagsy

Quick start

After including both tagsy.js and tagsy.css files, assign tagsy to a div element:

<div id="tagsy"></div>  <script type="text/javascript"> $(function(){     $('#tagsy').tagsy(); }); </script> 

More options

Option Description default value
placeholder Input placeholder text Enter a tag
data JSON formatted array of available data. Like this: [{label: 'Shiraz', value: 1}, {label: 'Isfahan', value: 2}] []
items Default selected items []
max Maximum tags user can input 10
allowFreeEntry If true, user can select a tag which doen't exists in data option. true

You May Also Like