rebel-tag-input

A complete tag input for use in JavaScript web applications provided as a web component.

Forked from aogilvie/rebel-tag-input, which is in turn forked from RevillWeb/rebel-tag-input.

Usage

Go to https://www.jsdelivr.com/package/gh/fonsp/rebel-tag-input to find the latest script import.

<script src="rebel-tag-input.mjs"></script>

Add the custom element somewhere in your app:

<rbl-tag-input lowercase="false" uppercase="false" duplicates="false" id="tagElement"></rbl-tag-input>

API

The component provides a few attributes and methods so you are able to tailing its functionality to suit your application.

Attributes

| Attribute Name | Required | Type | Example | Comments | | -------------- | -------- | ------ | ----------- | ----------------------------------------------------- | | lowercase | No | String | true, false | If the component should convert all tags to lowercase | | uppercase | No | String | true, false | If the component should convert all tags to uppercase | | duplicates | No | String | true, false | If the component should allow duplicate tags |

Methods & Properties

##value

Get the current value of the tag input.

var $element = document.querySelector("#tagElement");
console.log($element.value); //Web Components, JavaScript, AngularJS

##clear()

Clear the input of any tags.

var $element = document.querySelector("#tagElement");
$element.clear();