Simple Tags

A lightweight JS plugin for tags without JQuery library.

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>

Ensure these files are included in 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>

Demo

https://simple-tags.kurtobando.com/

Github

https://github.com/kurtobando/simple-tags