Skip to content

ichbinkour/vue-tags

Repository files navigation

vue-tags

✨ A Vue plugin for awesome tags ✨

npm version GitHub stars

Introduction

The library vue-tags allows you to implement easily a list of tags in your Vue components.

Demo

Documentation

Installation

npm i @ichbinkour/vue-tags

Usage

Basic

Inside any of your components:

<template>
  <vue-tags
    :options="options"
    @delete-tag="(newTags) => (options = newTags)"
    closable
  />
</template>
<script>
import VueTags from "@ichbinkour/vue-tags"

data() {
  return {
    options: ['VueJs', 'vue', 'tags']
  }
}
</script>

API

Props Type Description
options Array Array of tags name of type
closable Boolean - Default false Add an icon to close the tag
Methods Description
delete-tag() Executed method when the user click on the close icon

Check on Github

About

✨ A Vue plugin for awesome tags ✨

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published