Everything you wish the HTML
<select>element could do, wrapped up into a lightweight, zero dependency, extensible Vue component.
Vue Select is a feature rich select/dropdown/typeahead component. It provides a default template that fits most use cases for a filterable select dropdown. The component is designed to be as lightweight as possible, while maintaining high standards for accessibility, developer experience, and customization.
- Tagging
- Filtering / Searching
- Vuex Support
- AJAX Support
- SSR Support
- Accessible
- ~20kb Total / ~5kb CSS / ~15kb JS
- Select Single/Multiple Options
- Customizable with slots and SCSS variables
- Zero dependencies
yarn add vue-select-style
# or use npm
npm install vue-select-styleThen, import and register the component:
import Vue from "vue";
import vSelect from "vue-select-style";
Vue.component("v-select", vSelect);The component itself does not include any CSS. You'll need to include it separately:
import "vue-select-style/dist/vue-select.css";Alternatively, you can import the scss for complete control of the component styles:
@import "vue-select-style/src/scss/vue-select.scss";