JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 13603
  • Score
    100M100P100Q144995F

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

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

  • Fast setup
  • Custom validation rules
  • Hooks: Before adding, Before deleting ...
  • Edit tags after creation (click me)
  • Delete tags on backslash
  • Add tags on paste
  • Small size: 25kb minified | gzipped 8kb
  • Autocompletion
  • Many customization options
  • Own templates (coming soon)
  • Examples & Docs

Getting Started

Install:

npm install @johmun/vue-tags-input --save

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

Copyright (c) 2018 Johannes Munari