Directive to use a jQuery tags input plugin based on Twitter Bootstrap.
Submitted by: 72dd7013579b47c78f54bca2f98f8066? TimSchlechter

Bootstrap Tags Input Build Status

Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.


Examples can be found here.


  • Objects as tags
  • True multi value
  • Typeahead
  • AngularJS directive included

Objects as tags

Not just support for using strings! This means you can use different values for a tag's label and value. Each tag also holds a reference to the object by which it was created, so by calling tagsinput('items') an array of the original items is returned.

True multi value support

Other implementations just concatenate the values to a comma separated string. This results in val() returning just this string, and when submitting the form, only one big, concatenated value is sent in the request.

Bootstrap Tags Input provides true multivalue support. Just use a <select multiple /> as your input element, and val() will return an array of the tag values. When submitting the form, an array of values will be sent with the request.

Typeahead support

Integrates with Twitter Bootstraps's typeahead.

Angular JS directive

Include bootstrap-tagsinput-angular.js and register the 'bootstrap-tagsinput' in your Angular JS application to use the bootstrap-tagsinput directive. Look at the examples page how to use the directive.


This project is licensed under MIT.

comments powered by Disqus
This page was last updated about 5 years ago.