Vue switch button

Accessible toggle button component

Version: 0.2.1 Updated: 11/25/2018

By: marcus-herrmann License: MIT

Downloads Last 30 Days: 66

npm version Build Status

Vue Switch Button

Accessible toggle switch button, see https://inclusive-components.design/toggle-button/

Screenshot

Demo

Installation:

npm install vue-switch-button --save

Usage

<switch-button value="true"> 
    Notify by mounted messenger
</switch-button>

<switch-button v-model="email">
    Notify by email
</switch-button>

<switch-button v-model="pidgeon" on-label="Yes" off-label="No">
  Notify by pidgeon
</switch-button>

Properties

Name Type Default Description
value Boolean false Initial state of the toggle button
onLabel String "on" Label for checked state
offLabel String "off" Label for unchecked state

Events

Name Description
click Triggered whenever state of the component changes.
Categories: Vue js