edible-tags-input

A multi-value input that renders each value as a removable pill tag. Press Enter or , to confirm each tag. Press Backspace on an empty field to remove the last tag.


Basic

Type a value and press Enter or ,.


Pre-populated via JavaScript API

Call .add(tag) after the element upgrades to seed it with initial values.


Remove via JavaScript API

Call .remove(tag) to remove a tag programmatically.


Disabled

Add the disabled attribute to prevent any interaction.


Inside a form

Tags are submitted as a comma-separated hidden field under the name key.


        

        

← All examples