@vuesimple/vs-tag

A simple vue tag. Perfect for all your tag scenarios.
2,508 33
vue vuejs popup web notification front-end vue-js tag vue-js-tag vue-tag vs-tag
Install
npm install @vuesimple/vs-tag
Latest Version:3.1.8
Vue:3
Older releases:2
License:MIT
Last Updated:Oct 14, 2026
Links: GitHub  ·  npm
Maintainer: ashwinkshenoy

Vue Simple Tag

🗃 A simple vue tag. Perfect for all your tag scenarios.

A light weight vue plugin built groundup.

npm npm

forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge


📺 Live Demo

Demo: Link


🛠 Install

npm i @vuesimple/vs-tag

🚀 Usage

<template>
  <vs-tag variant="primary"> Primary </vs-tag>
</template>

<script>
  import VsTag from '@vuesimple/vs-tag';

  export default {
    components: {
      VsTag,
    },
  };
</script>

🌎 CDN

<script src="https://unpkg.com/@vuesimple/vs-tag@<version>/dist/vs-tag.min.js"></script>

// Main/Entry file
app.use(VsTag.plugin);

<template>
  <vs-tag variant="primary"> Primary </vs-tag>
</template>

⚙ Props

Name Type Default Description
variant String - Type of tag to be shown. (primary, secondary, warning, danger)
size String medium Size of tag. (small, medium, large)
is-bold Boolean true Bold text for tag.
is-pill Boolean medium Applies pill styling
is-round Boolean medium Applies styles to round the tag
bg-color String - Applies hex/rgb/text color to tags background color
text-color String - Applies hex/rgb/text color to tags text color
is-close Boolean false Show close button

🔥 Events

Name Description
click On close button click (only available if is-close set)

📎 Slots

You can define own item markup via slots:

Name Description
(default) Holds the tag content and can contain HTML.

Related Packages

@vuesimple/vs-pagination

A simple vue pagination

10,154 33
front-end notification popup vue vue-js vuejs web pagination vs-pagination vue-js-pagination +1
@vuesimple/vs-alert

A simple vue alert. Perfect for all your alert scenarios.

5,598 33
front-end notification popup vue vue-js vuejs web alert vs-alert vue-alert +1
@vuesimple/vs-accordion

A simple vue accordion.

4,960 33
front-end notification popup vue vue-js vuejs web accordion vs-accordion vue-accordion +1
@vuesimple/vs-select

A simple vue select. Perfect for all your select scenarios.

4,630 33
front-end notification popup vue vue-js vuejs web select vs-select vue-js-select +1
@vuesimple/vs-loader

A simple vue loader. Perfect for all your loader scenarios.

3,581 33
front-end notification popup vue vue-js vuejs web loader vs-loader vue-js-loader +1

Version History

Version Released Vue License
3.1.8 ^3.2.37 MIT
3.1.7 ^3.2.37 MIT
3.1.6 ^3.2.37 MIT
3.1.5 ^3.2.37 MIT
3.1.3 ^3.2.37 MIT