Feature rich select component for Vue.js – vue-select

Description:

vue-select is a feature rich select component for Vue.js. It works as multi-select drop-down too. This component is designed keeping in mind that, it should be lightweight, simple to use, and highly customizable.

Features:

TaggingFiltering / SearchingVuex SupportAJAX SupportSSR SupportAccessible~20kb Total / ~5kb CSS / ~15kb JSSelect Single/Multiple OptionsCustomizable with slots and SCSS variablesZero dependencies

You may also like see:

A Fancy Multi-select Drop-down For Vue.js Version 2 And 3Create Multi-select Drop-down With VueJS 3 – vue-next-select

How to install and use it?

1. Install the vue select component with NPM or YARN.

#npm
npm install vue-select

#yarn
yarn add vue-select

2. Import the required components.

import Vue from “vue”;
import vSelect from “vue-select”;

3. Register the component.

Vue.component(‘v-select’, VueSelect.VueSelect)

new Vue({
el: ‘#app’,
data: {
options: [
‘foo’,
‘bar’,
‘baz’
]
}
})

4. Add the vue select component in your template.

<div id=”app”>
<h1>Vue Select</h1>
<v-select :options=”options”></v-select>
</div>

The post Feature rich select component for Vue.js – vue-select appeared first on Lipku.com.