Form Tag
Form tag component.
Form Tag, Personalization Blocks
Example:
TallStackUi::personalize() ->form('tag') ->block('block', 'classes');
In desktop devices the tags can be inserted by pressing the enter or comma keys, and can be removed by pressing the backspace key. In mobile devices the tags can only be inserted using enter key.
<x-tag />
<x-tag label="Frameworks" hint="Select your preferred frameworks" />
An option to limit the number of tags that can be added.
<x-tag label="Frameworks" hint="Select your preferred frameworks" :limit="2" />
An option to set a single-character prefix.
<x-tag prefix="#" />
The prefix must be a single character.
<!--For the erase event the correct index is$event.detail.tags instead of $event.detail.tag--> <x-tag ... x-on:add="alert(`Introduced: ${$event.detail.tag}`)" x-on:remove="alert(`Removed: ${$event.detail.tag}`)" x-on:erase="alert(`Erased: ${$event.detail.tags}`)" />