Giter Site home page Giter Site logo

neverfox / bootstrap-tagsinput Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mdbootstrap/bootstrap-templates

0.0 3.0 0.0 6.98 MB

jQuery tags input plugin based on Twitter Bootstrap.

Home Page: http://timschlechter.github.io/bootstrap-tagsinput/examples/

License: MIT License

JavaScript 93.93% CSS 6.07%

bootstrap-tagsinput's Introduction

Bootstrap Tags Input Build Status

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

Usage

Examples can be found here.

Features

  • Objects as tags
  • True multi value
  • Typeahead
  • Designed for Bootstrap 2.3.2 and 3

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' 2.3.2 typeahead, or use custom typeahead when using Bootstrap 3.

Development

Install dependencies:

npm install
bower install

Test:

grunt test

Build:

grunt build

History

License

This project is licensed under MIT.

bootstrap-tagsinput's People

Contributors

aguilarsoto avatar caulfield avatar d-b avatar danielsvane avatar dwalters avatar emmx avatar foosbar avatar fred-o avatar gdibble avatar gvs666 avatar hamtie avatar hueitan avatar janvt avatar joni2back avatar jreyes avatar konclave avatar kuraga avatar lou avatar millerren avatar morgante avatar neverfox avatar oarevalo avatar quasipickle avatar rlidwka avatar rnevet avatar sebastianmueller avatar soroushhakami avatar timschlechter avatar tsai146 avatar wardpeet avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.