awescode-select

Custom select built with Vue.js and Tailwind.css

Demo

To view demo examples locally clone the repo and run npm install and npm run serve
To run tests locally - npm run test:unit

Installation

``
npm install vue-awescode-select
`

Usage

Inside your component
`js



`

If you are using Nuxt.js you need to use transpile for this package
Inside nuxt.config.js

`js
export default {
// Your other settings
build: {
transpile: ['vue-awescode-select']
}
}
`

API

$3

| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| options | Array | true | - | Dropdown options for select. Each object must contain next keys: `text` and `value`` |
| placeholder | string | false | '' | Placeholder for select |

$3

| Event | Returns | Description |
|-------------------------------|-----------------|------------------------------------------|
| @change | Object | Indicates that the value has been changed. NB, this will fire when a default value has been selected when the component is mounted. Use the input event if you want the value the user has selected.|
| @input | Object | Indicates that the value has been changed by the user.|