TailwindCss Vue Select
Simple Vue.js
<Select>
component, styled with TailWind Css framework.
Installation
$ npm install tailwindcss-vue-select
Register the component globaly
Vue
...or directly in your component
...
import tailVueSelect from 'tailwindcss-vue-select'
export default {
components: {
tailVueSelect
}
...
Now you can use the component in your markup
Here you can add label to your select
Available props
items
- Array of objects of the typekey: <String>, value: <Any>
- type: Array,
- default: null
isPrintKeys
- Define how object will be rendered in list
- type: Boolean
- default: false -
false
- Render just values -true
- Render pair ofkey
-value
divider
- Define which character should be print between pairskey
-value
(ifisPrintKeys
set totrue
)
- type: String,
- default: '-'
isDisabled
- Disable component
- type: boolean,
- default:
false
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Lints and fixes files
npm run lint
Run unit tests
npm run test:unit