Package Exports

@johmun/vue-tags-input

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@johmun/vue-tags-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-tags-input

A tags input component for VueJS with autocompletion, custom validation, templating and much more

Demo & Docs

Features

No dependencies
Custom validation rules
Hooks: Before adding, Before deleting ...
Edit tags after creation
Fast setup
Works with Vuex
Small size: 34kb minified (css included) | gzipped 9kb
Autocompletion
Many customization options
Own templates
Delete tags on backspace
Add tags on paste
Examples & Docs

Install

NPM

npm install @johmun/vue-tags-input

CDN

<script src="https://unpkg.com/@johmun/vue-tags-input/dist/vue-tags-input.js"></script>

Usage

<template>
  <div>
    <vue-tags-input
      v-model="tag"
      :tags="tags"
      @tags-changed="newTags => tags = newTags"
    />
  </div>
</template>

<script>
import VueTagsInput from '@johmun/vue-tags-input';

export default {
  components: {
    VueTagsInput,
  },
  data() {
    return {
      tag: '',
      tags: [],
    };
  },
};
</script>

License

MIT