Presents

Vue Tag Input


Default options


Use enter key or tab key to create a new tag.

With custom delimiter and colors


Use enter key or tab key or any of the custom delimeters to create a new tag.

Custom delimiters: "{{delim}}"


Do not allow custom tags


Try entering tag that is not in options and hit enter
Use enter key or tab key or any of the custom delimeters to create a new tag.

Allowed Tags: "{{tag}}"

Custom delimiters: "{{delim}}"


Provide options for autofill but also allow custom tags


Use enter key or tab key or any of the custom delimeters to create a new tag.

Allowed Tags: "{{tag}}"

Custom delimiters: "{{delim}}"