vue-input-tag

Vue.js input tag editor component
168,005 532
input tag inputtag vueinputtag
Install
npm install vue-input-tag
Latest Version:2.0.7
Vue:2
License:MIT
Last Updated:Dec 10, 2022
Links: GitHub  ·  npm
Maintainer: matiastucci

vue-input-tag

A Vue.js 2.0 input tag component inspired in react-tagsinput

Codeship Status for matiastucci/vue-input-tag Coverage Status Version License Monthly Downloads

Logo

Installation

NPM / Yarn
npm install vue-input-tag --save

yarn add vue-input-tag

Then you need to import and register it:

import InputTag from 'vue-input-tag'

Vue.component('input-tag', InputTag)
CDN
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-input-tag"></script>

Then you need to register it:

Vue.component('input-tag', vueInputTag.default)

Usage

<input-tag v-model="tags"></input-tag>

Props

Name Type Default Description
value Array [] Tags to be render in the input
placeholder String "" Placeholder to be shown when no tags
read-only Boolean false Set input to readonly
add-tag-on-blur Boolean false Add tag on input blur
limit String or Number -1 (none) Set a limit for the amount of tags
validate String or Function (allows async) or Object "" Apply certain validator for user input. Choose from email, url, text, digits or isodate. Or pass a function or a RegExp object for custom validation
add-tag-on-keys Array [ 13 (return), 188 (comma), 9 (tab) ] Keys that are going to add the new tag
allow-duplicates Boolean false Allow duplicate tags
before-adding Function null Function (allows async) to normalize tag before adding. E.g (tag) => tag.toUpperCase()

Events

Name Arguments Description
input Array with tags Emitted when a tag is added (after successful validation) and when a tag is removed
update:tags Array with tags Same as input event

Related Packages

el-input-tag

A input tag editor component of Element UI

15,451 33
input inputtag tag component element vue
@ipscape/ips-tag-input

A tag input component

1,682
input tag component cumulus vue2 ipscape vue
atalevue

a vue module

1,819
input atalevue
vue-slug-input

An input that transforms strings to slugs

12,733 0
input slug vue
@justfork/maska

Simple zero-dependency input mask for Vue.js and vanilla JS

4,780 2,021
input mask vue

Version History

Version Released Vue License
2.0.7 ^2.5.17 MIT
2.0.6 ^2.5.17 MIT
2.0.5 ^2.5.17 MIT
2.0.4 ^2.5.17 MIT
2.0.3 ^2.5.17 MIT