Vue Switcher

A Vue.js component for easy switchers with custom themes.

DEMO

Installation

npm i deru-switcher --save

How Usage?

local component usage

import DeruSwitcher from 'deru-switcher';  
  
new Vue({
 
    components: {
        Switches
    },
 
    data () {
        return {
            enabled: false
        }
    }
};

<deru-switcher v-model="enabled"></deru-switcher>

global component usage (for example: in main.js)

import DeruSwitcher from 'deru-switcher';

Vue.component('deru-switcher', DeruSwitcher);

<deru-switcher v-model="enabled"></deru-switcher>

Props

| Prop | type | Description | | ---- | ------------| ---- | | disabled | Boolean | Disabling switcher | | theme | String | Name of theme (default, dark) | | color | String | Name of color (default, blue, green, red, orange, yellow) |