Skip to content

A fantastically simple tagging component for your Vue projects

Notifications You must be signed in to change notification settings

wharley/vue-tags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-tags-custom

Screenshot of Vue Tags

A fantastically simple tagging component for your Vue projects

Installation

npm install --save vue-tags-custom

Or

yarn add vue-tags-custom

Usage

Here's a sample implementation that initializes the component with a list of initial tags and suggestions list.

<template>
  <div>
    <VueTags
      :suggestions="tagList"
      :tags="tags"
      @tags-changed="newTags => tags = newTags"
    />
  </div>
</template>
<script>
import VueTags from 'vue-tags-custom'

export default {
  name: 'app',
  components: {
    VueTags
  },
  data() {
    return {
      tagList: [
        'Georgia',
        'Germany',
        'Gifu',
        'India',
        'Thailand',
        'Tóquio',
        'Russia'
      ],
      tags: []
    }
  }
}
</script>

License

MIT

About

A fantastically simple tagging component for your Vue projects

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published