deru-switcher

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)