vue-chip

A Chip component for Vue.js

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