TwitchBronBron / tagger-input

An input custom element that supports adding multiple text tags

tagger-input

An HTML custom element that supports adding multiple text tags.

Demo

Usage

<tagger-input value="['Predefined', 'Values']" onchange="console.log('It changed!', event)"></tagger-input>

<tagger-input id="tagger2"></tagger-input>
<script>
    document.getElementById('tagger2').addEventListener('change', (event)=>{
        console.log('It changed', event);
    });
</script>

Attributes

Name	Description
value	The value of the tagger-input input. This can be set from html, and will also be updated as the JSON.stringify text from the tagger-input element
onchange	See change in events table below

Events

Name	Description
change	Emitted whenever the value has changed by the user. Will not emit when changed programmatically by setting the property or the attribute