Tags

Lightweight, efficient Tags input component in Vanilla JS.

// Css
<link rel="stylesheet" href="css/vendor/tagify.css" />

// Javascript
<script src="js/vendor/tagify.min.js"></script>

var tags = new Tagify(document.querySelector('#tagsBasic'));

<div>
  <label class="form-label">Add Tags</label>
  <input
    value="Lefse, Fougasse"
    id="tagsBasic"
    data-whitelist="Lefse, Fougasse, Dorayaki, Barmbrack, Brioche, Arepa, Cozonac, Saffron Bun, Eggette, Himbasha, Flatbread"/>
</div>

You may find more examples in Interface.Forms.Controls.Tags.html file which is initialized by js/forms/controls.tag.js.