vue-select

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.

• API Documentation
• Sandbox Demo
• CodePen Template
• GitHub Projects

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