sioux-ui

UI module for sioux

Sioux UI

The UI class is a basic class for the a sioux modules. It has things that is most likely needed on a touchscreen.

  • events.EventEmitter

javascript:

var UI = require('sioux-ui');
var elem = new UI(document.querySelector('.foo'));
 
elem
.on('tap', function (event) {
  console.log('Tapped!');
})
.on('touchleave', function (eventstate) {
  console.log('State: ' + state);
})
;
  • the DOM element that the isntance is bound to
  • required
  • the x coordinate that determines how much can a finger move in a 'tap' event (absolute value)
  • default: 15
  • the y coordinate that determines how much can a finger move in a 'tap' event (absolute value)
  • default: 15

Spawns the touch events (custom too), so you can use the .on method with the instance.

The common way to add style to the element. Supports passed in object too.

Simple tap event.

Fires when the finger leaves the element.