vue-switch-button
v0.2.1
Published
Accessible toggle button component
Downloads
25
Maintainers
Readme
Vue Switch Button
Accessible toggle switch button, see https://inclusive-components.design/toggle-button/
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. |