Flexible select

Demo + Documentation

Features

• 2 themes: Bootstrap 4, Material Design
• autocomplete (you can use custom search)
• control through arrows
• slots (13)
• events (7)
• props (24)
• loading indicator (helpful for REST requests)
• validation
• support on mobile devices
• disabled and readonly

Write your suggestions, glad to add.

Installation

yarn add vue-cool-select or npm install --save vue-cool-select

Get started

1. Import and select a theme:

import VueSelect from 'vue-cool-select'

Vue.use(VueSelect, {
  theme: 'bootstrap' // or 'material-design'
})

2. Use inside inside another component:

import { CoolSelect } from 'vue-cool-select'

export default {
  components: { CoolSelect },
  data () {
    return {
      items: [...],
      selected: null
    }
  }
}

3. Add to <template>:

<cool-select
  v-model="selected"
  :items="items"
/>

Documentation and examples here.

TODO

• multi-select
• rebuild build system (rollup)
• 100% tests coverage

I am happy to add something or improve, you can write what you want to see. I also have more motivation to work if you give a star.