https://github.com/mrvautin/bootstraptagger

Quickly add Bootstrap styled tags to any form input
https://github.com/mrvautin/bootstraptagger

Last synced: about 1 month ago
JSON representation

Quickly add Bootstrap styled tags to any form input

• Host: GitHub
• URL: https://github.com/mrvautin/bootstraptagger
• Owner: mrvautin
• Created: 2015-08-26T05:12:51.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-12-04T03:19:26.000Z (about 9 years ago)
• Last Synced: 2024-10-14T09:17:43.324Z (3 months ago)
• Homepage: http://mrvautin.github.io/bootstrapTagger.html
• Size: 5.86 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

        
## What is it?

bootstrapTagger is a jQuery plugin for simply turning an input element into a Bootstrap styled tag editing control for use with blogs and various other web based software.

## What does it look like?

Here is a live Demo: [http://mrvautin.github.io/bootstrapTagger.html](http://mrvautin.github.io/bootstrapTagger.html)

*Note: Tags are comma seporated. Once a comma is pressed a new tag is created*

    

## Stop. Where can I get it?

The Javascript and CSS can be downloaded [here](https://github.com/mrvautin/bootstrapTagger/archive/master.zip)

## How does it work? - Basic example

You need to add the following to your  tag:

    

    

Create a HTML input field to hold the tags:

*Note: You can set a value with pre-set comma seporated tags*

    

You can then setup the input element:

    $("#input_tags").bootstrapTagger({backgroundColor: "primary"});

    

## Options

There aren't many right now...

**Option**

    $("#input_tags").bootstrapTagger({backgroundColor: "primary"});

**Description**

Any of the standard Bootstrap colors are supported.

* default

* primary

* success

* info

* warning

* danger

Eg: Using the "success" (green) color would be:

    $("#input_tags").bootstrapTagger({backgroundColor: "primary"});

    

Alternatively a value of "random" can be used to randomly select a color for each tag. Eg:

    $("#input_tags").bootstrapTagger({backgroundColor: "random"});