Simple Animated jQuery Tags Input Plugin - Lovely Tag
File Size: | 7.57 KB |
---|---|
Views Total: | 2664 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Lovely Tag is a dead simple jQuery tags management plugin for generating nice clean & skinnable tags that are fully customizable using just CSS/CSS3.
How to use it:
1. Import the lovely-tag.css
for default tag styles.
<link rel="stylesheet" href="dist/lovely-tag.css">
2. Create the Html for the tags input.
<div class="new-tag"> <div class="tags"> <input type="text" placeholder="add a new tag" class="new-tag-input"> </div> </div>
3. Load jQuery library and the jQuery Lovely Tag plugin at the bottom of the web page.
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="dist/lovely-tag.js"></script>
4. That's it. You can change or override the CSS rules to create your own tag styles just like in lovely-tag.css
.
This awesome jQuery plugin is developed by kalasoo. For more Advanced Usages, please check the demo page or visit the official website.