DEPRECATED

March 24, 2017 · View on GitHub

vue-toggle

A toggle button for simple state management.

Demo

Install

npm install --save-dev vue-toggle

or 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 dev

Browse to http://localhost:8080/.