A Vue Cool Select with autocomplete and material design

vue-cool-select

Select with autocomplete, slots, bootstrap and material design themes.

Features

  • 2 themes: bootstrap 4, material design
  • autocomplete
  • asynchronous data
  • slots

Installation

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

Get started

  1. Select theme
import VueSelect from 'vue-cool-select'

Vue.use(VueSelect, {
  theme: 'bootstrap' // or 'material-design'
})
  1. Use inside component
import { CoolSelect } from 'vue-cool-select'

export default {
  components: { CoolSelect }
  // ...
}
  1. Use in template
<cool-select
  v-model="selected"
  :items="items"
/>

TODO

  • Control through arrows and Tab
  • Loading indicator
  • Tests

GitHub