8000 GitHub - ozgurozalp/vuejs-tag: VueJs ile yapılmış input tag component · GitHub
[go: up one dir, main page]

Skip to content
ozgurozalpPublic

About

VueJs ile yapılmış input tag component

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-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 vue-tag component by npm

npm i vuejs-tag

After download, vue-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-tag"
  • Register vue-tag component with any name you want
Vue.component("vue-tag", Tags);

After this step, vue-tag can be used by all registered compone 6C5E nt in your project with vue-tag tag name

  • You can use with
<vue-tag></vue-tag>

Styling

vue-tag has 6 color options

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

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

<vue-tag color="primary"></vue-tag>
<vue-tag color="secondary"></vue-tag>
<vue-tag color="success"></vue-tag>
<vue-tag color="danger"></vue-tag>
<vue-tag color="info"></vue-tag>
<vue-tag color="warning"></vue-tag>

Data Binding

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

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

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

ozgurozalp,vuejs,inputtag

Authors

License

This project is licensed under the MIT License

About

VueJs ile yapılmış input tag component

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

0