@johmun/vue-tags-input

    2.1.0 • Public • Published

    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

    Copyright (c) 2019 Johannes Munari

    Install

    npm i @johmun/vue-tags-input

    DownloadsWeekly Downloads

    23,520

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    837 kB

    Total Files

    107

    Last publish

    Collaborators

    • johmun