sioux-ui-switch

UISwitch module for sioux

npm install sioux-ui-switch
28 downloads in the last month

Sioux UISwitch

Overview

The UISwitch class lets you create On/Off buttons, similar to the iOS one. demo

Inheriths from:

  • sioux-ui

javascript:

var UISwitch = require('sioux-ui-switch');
var uiswitch = new UISwitch(document.querySelector('.container'));
// document.querySelector('.container') is the element in which the switch will be appended

uiswitch
.on('tap', function (event) {
  console.log('Tapped!');
})
.on('change', function (event, state) {
  console.log('State: ' + state);
})
;

Properties

state

  • Boolean
  • the state of the switch

Methods

setState(state)

Sets the switch to the passed in state (Boolean).

Events

'change'

Fires when the switch changed state (when the CSS transition ends);

npm loves you