A feature rich select and dropdown component

vue-select

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

Vue Select is a feature rich select/dropdown/typeahead 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>

GitHub