vue-switch
a vue switch component
Install
npm install vue-switchc -S
yarn add vue-switchc
Quickstart
require('vue-switchc/dist/vue-switch.css');
// in ES6 modules
import { switchc } from 'vue-switchc';
// in CommonJS
const { switchc } = require('vue-switchc');
// in Global variable
const { switchc } = VueSwitch;
Vue.component('c-switch',switchc);
<c-switch v-model="checked" :text="text"></c-switch>
Props
Parameter | Type | required | Default | Description |
---|---|---|---|---|
value | boolean |
required | false | switch checked status, use width v-model |
text | string |
optional | switch text on right | |
width | number |
optional | 60 | switch width |
height | number |
optional | 30 | switch height |
active-color | string |
optional | '#0275d8' | switch checked color |