vuejs-tag v1.0.0

vuejs-tag

This is Tags Input Component created by VueJS

Getting Started

These instructions will get you a copy of the component up and running on your local machine.

Installing

You can install vuejs-tag component by npm

npm i vuejs-tag

After download, vuejs-tag will be ready to use in your VueJS Applications

Usage

• Just import Components from node_modules folder in main.js

import Tags from "vuejs-tag"

• Register vuejs-tag component with any name you want

Vue.component("vuejs-tag", Tags);

After this step, vuejs-tag can be used by all registered component in your project with vuejs-tag tag name

• You can use with

<vuejs-tag></vuejs-tag>

Styling

vuejs-tag has 6 color options

• primary
• secondary
• success
• danger
• info
• warning

To use these colors, just add 'color' attribute into vuejs-tag component

<vuejs-tag color="primary"></vuejs-tag>

<vuejs-tag color="secondary"></vuejs-tag>

<vuejs-tag color="success"></vuejs-tag>

<vuejs-tag color="danger"></vuejs-tag>

<vuejs-tag color="info"></vuejs-tag>

<vuejs-tag color="warning"></vuejs-tag>

Data Binding

Also you can bind vuejs-tag component by v-model VueJS directive

<vuejs-tag v-model="tags"></vuejs-tag>

This data property will give us all tags with comma seperator.

ozgurozalp,vuejs,inputtag

Authors

• Özgür ÖZALP - Özgür ÖZALP

License

This project is licensed under the MIT License