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();