vue-chip
A chip component for Vue.js
909
3
| Install | |
|---|---|
npm install vue-chip |
|
| Latest Version: | 1.0.2 |
| Vue: | 2 |
| License: | ISC |
| Last Updated: | Jan 18, 2018 |
| Links: | GitHub · npm |
Maintainer: caiogranero
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 |
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.0.2 | ^2.5.13 | ISC | |
| 1.0.1 | ^2.5.13 | ISC | |
| 1.0.0 | ^2.5.13 | ISC |