vue-select-style v0.1.4

vue-select-style

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

Install

yarn add vue-select-style

# or use npm

npm install vue-select-style

Then, 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";

License

MIT