# Tag input
# Demo
<tag-input
value="Orange, Black"
id="tag-input"
placeholder="Add tag"
:available-tags="[
{ id: 1, value: 'Red' },
{ id: 2, value: 'Orange' },
{ id: 3, value: 'Black' },
{ id: 4, value: 'This is a tag that has length greater than 35'}
]"
hidden-input-name="tags"
/>
# Props
| available-tags | Type
Description
An array with available tags ( [{ id: 1, value: 'hey' }])
|
| value | Type
Description
An array or comma separated string with tags ( ['hey', 'there'] or hey, there).
|
| src | Type
Description
URL that will be used to fetch autocomplete suggestions (such as: /tag/search?q=).
A query will be appended to this URL.
There is no need to define available-tags when a remote source is defined.
|
| id | Type
Description
The id attribute of the input element
|
| placeholder | Type
Description
The placeholder attribute of the input element
|
| limit | Type Default
Description
Limit the number of autocomplete suggestions, no limit is applied by default |
| hidden-input-name | Type
Description
Name of a hidden input field that will be populated with tags |
# Events
| input | Parameters Description Emitted on user input |
| error | Parameters Description Emitted when an error occurs while sending a request to the remote source |