Y7K Component: Dropdown

This is a styled, custom <select> input Vue component. If you select an option, it will emit a event to its parent Vue component.

It is based on Vue 2, MaintainableCSS and the Y7K Style Plate. Detailed information in the Y7K Showroom.

Installation

Install npm package

npm install @y7k/component-dropdown --save

Include in your project

import dropdown from '@y7k/component-dropdown';

Variant 1: Register components globally:

import dropdown from '@y7k/component-dropdown';
dropdown.registerGlobally();

Variant 2: Use components directly:

import { Dropdown } from '@y7k/component-dropdown';

// Vue component example
export default {

    components: {
        Dropdown,
    },
}

Include styles

In your main.scss file

@import '@y7k/filterable-list/src/scss/dropdown';

// If you don't set "node_modules" as a webpack include path:
@import '../[path]/../node_modules/@y7k/component-dropdown/src/scss/dropdown';

Documentation

Please have a look at the usage documentation in the Y7K Showroom.