🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Rather than bringing in jQuery just to use Select2 or Chosen, this Vue.js component provides similar functionality without the extra overhead of jQuery, while providing the same awesome data-binding features you expect from Vue. Vue-select has no JavaScript dependencies other than Vue.

Plugins

Documentation

vue-select Current Release Bundle Size Monthly Downloads Code Coverage Maintainability Score MIT License

Everything you wish the HTML <select> element could do, wrapped up into a lightweight, zero dependency, extensible Vue component.

  • Tagging
  • Filtering / Searching
  • Vuex Support
  • AJAX Support
  • SSR Support
  • ~20kb Total / ~5kb CSS / ~15kb JS
  • Select Single/Multiple Options
  • Customizable with slots and SCSS variables
  • Tested with Bootstrap 3/4, Bulma, Foundation
  • +95% Test Coverage
  • Zero dependencies

Documentation

Complete documentation and examples available at https://vue-select.org.

Install

$ npm install vue-select

Register the component

import Vue from 'vue' import vSelect from 'vue-select'  Vue.component('v-select', vSelect)

You may now use the component in your markup

<v-select v-model="selected" :options="['Vue.js','React']"></v-select>

You can also include vue-select directly in the browser. Check out the documentation for loading from CDN..

License

MIT


You May Also Like