Vue dropdown component with search option

Install

npm install @enterdev/vue-karoo-dropdown
yarn add @enterdev/vue-karoo-dropdown

import Vue from "vue";

ES6

import vDropdown from "@enterdev/vue-karoo-dropdown";

CommonJS

var vDropdown = require('@enterdev/vue-karoo-dropdown');

Component setup

Vue.component("vue-dropdown", vDropdown);

Typical use:

<vue-dropdown
    v-model="property"
    v-bind:options="[
        { label: 'Latvia', code: 'lv' },
        { label: 'Lithuania', code: 'lt' },
        { label: 'Estonia', code: 'ee' },
        { label: 'Sweden', code: 'se' },
        { label: 'Finland', code: 'fi' }
    ]"
    v-bind:text-field="'label'"
    v-bind:value-field="'code'"
    v-bind:options-label="'Select'"/>

Styles: (must be added manually)

import "dist/vue-dropdown.css";

Demo

This is an external link to demo

License

MIT License