class-transit

0.1.0 • Public • Published

Class-transit

Make transition with css className, return cancel function.

Usage

var transit = require('class-transit')
var classes = require('component-classes')
var cancel = transit(el, 'enter', {
  active: 'enterActive',
  timeout: 500,
  callback: function() {
    assert(classes(el).has('enter'), false)
    assert(classes(el).has('enter-active'), false)
  }
})
// callback would not be called if cancel got called
cancel()

API

transit(el, transitionName, option)

  • el element for transition
  • transitionName transition className before transition
  • option.active [optional] active className for transition (which contain transition property)
  • option.timeout [optional] timeout in ms
  • option.callback [optional] callback for succeed callback

Readme

Keywords

none

Package Sidebar

Install

npm i class-transit

Weekly Downloads

0

Version

0.1.0

License

MIT

Last publish

Collaborators

  • chemzqm