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 |