1.0.1 • Published 8 years ago
vue-toggle v1.0.1
vue-toggle
A toggle button for simple state management.
Demo
Install
npm install --save-dev vue-toggleor include build/bundle.js.
Usage
# in your component
components:
"toggle": require("vue-toggle")
# or, when using bundle.js
components:
"toggle": window.vueComps.toggle<toggle>
click to switch
<span slot="on"> off</span>
<span slot="off"> on</span>
</toggle>For examples see dev/.
Props
| Name | type | default | description |
|---|---|---|---|
| is-on | Boolean | false | (two-way) toggle state |
| on-class | String | "on" | class of button when on |
| off-class | String | "off" | class of button when off |
| disabled | Boolean | false | is disabled |
Events
| Name | description |
|---|---|
| off | will be emitted on click when state was on |
| on | will be emitted on click when state was off |
| toggle | will be emitted on click |
Development
Clone repository.
npm install
npm run devBrowse to http://localhost:8080/.
License
Copyright (c) 2016 Paul Pflugradt Licensed under the MIT license.