Skip to content

caiogranero/vue-chip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-chip

A Chip component for Vue.js

npm

Install via npm

npm install --save vue-chip

Import on a single component

import Chip from 'vue-chip'

export default {
  name: 'App',
  components: { Chip }
}

Basic usage

<chip text="Jon Snow"></chip>

Properties

name type default
text String You know nothing, Jon Snow!
select Boolean false
close Boolean false
id String or Number -
textColor String #000000
backgroundColor String #f1f1f1
selectedTextColor String #FFFFFF
selectedBackgroundColor String #26a69a

Events

name description
closed Emited when user click the close action in Chip Component and return the id sent in props
selected Emited when user selectt a Chip Component and return the id sent in props

About

A Chip component for Vue.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published