Simple Tags

A lightweight JS plugin for tags without JQuery library

Download

Getting Started

Start by adding the data-simple-tags data attribute with your desired values, for example Article, Blog, Page, Post, Category, Updates then, include .simple-tags for the default style.

				<div
				     class="simple-tags"
				     data-simple-tags="Article, Blog, Page, Post, Category, Updates" >
				</div>

Note Ensure these files are included on your project.

				<link href="build/simple-tags.min.css" rel="stylesheet">
				<script src="build/simple-tags.min.js"></script>
At this point, let us target the desired element and pass to new Tags(). In our example above, I will add a new id attribute, named simple-tag. 
				<div
				     id="simple-tag"
				     class="simple-tags"
				     data-simple-tags="Article, Blog, Page, Post, Category, Updates" >
				</div>
			
				<script src="build/simple-tags.min.js"></script>
				<script>
				      new Tags(document.getElementById("simple-tag"))
				</script>

Result