❤
npm
Sign UpSign In

vue-switch-button

0.2.1 • Public • Published

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.

Readme

Keywords

Package Sidebar

Install

npm i vue-switch-button

Repository

github.com/marcus-herrmann/vue-switch-button

Homepage

github.com/marcus-herrmann/vue-switch-button#readme

Weekly Downloads

11

Version

0.2.1

License

MIT

Unpacked Size

14 kB

Total Files

12

Last publish

Collaborators

  • marcus-herrmann
Try on RunKit
Report malware