vue-tag-component v1.0.2
vue-tag-component
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 vue-component-tag component by npm
npm install vue-component-tag
After download, vue-component-tag will be ready to use in your VueJS Applications
Usage
- Just import Components from node_modules folder in main.js
import Tags from "vue-component-tag"
- Register vs-tags component with any name you want
Vue.component("vtag", Tags);
After this step, vue-tag-component can be used by all registered component in your project with vtag tag name
- You can use with
<vtag></vtag>
Styling
vue-component-tag has 6 color options
- primary
- success
- danger
- info
- warning
To use these colors, just add 'color' attribute into vtag component
<vtag color="primary"></vtag>
<vtag color="secondary"></vtag>
<vtag color="success"></vtag>
<vtag color="danger"></vtag>
<vtag color="info"></vtag>
<vtag color="warning"></vtag>
Data Binding
Also you can bind vue-tag-component component by v-model VueJS directive
<vtag v-model="tags"></vtag>
This data property will give us all tags with comma seperator.
vuejs,inputtag,ibrahimustabasi,tag-component
Versioning
We use GitHub for versioning. For the versions available, see the tags on this repository.
Authors
- İbrahim Ustabaşı - İbrahim Ustabaşı
License
This project is licensed under the MIT License