Y7K Component: Checkbox

This is a styled, custom <checkbox> input Vue component. Changes are emitted to the parent 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-checkbox --save

Include in your project

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

Variant 1: Register components globally:

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

Variant 2: Use components directly:

import { Checkbox } from '@y7k/component-checkbox';

// Vue component example
export default {

    components: {
        Checkbox,
    },
}

Include styles

In your main.scss file

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

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

Documentation

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