node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

rc-css-transition-group

rc-css-transition-group


standalone and enhanced CSSTransitionGroup for React.addons.CSSTransitionGroup

NPM version build status Test coverage gemnasium deps node version npm download Sauce Test Status

Sauce Test Status

Screenshots

Feature

  • support ie8,ie8+,chrome,firefox,safari

install

rc-css-transition-group

Usage

var CSSTransitionGroup = require('rc-css-transition-group');
var React = require('react');
React.render(<CSSTransitionGroup><p>1</p><p>2</p></CSSTransitionGroup>, container);

API

props

name type default description
component React.Element/String 'span' wrap dom node or component for children
showProp String using prop for show and hide. [demo](http://react-component.github.io/css-transition-group/build/examples/hide-todo.html)
exclusive Boolean whether allow only one set of animations(enter and leave) at the same time.
transitionName String transitionName, need to specify corresponding css
transitionEnter Boolean true whether support transition enter anim
transitionLeave Boolean true whether support transition leave anim

http://facebook.github.io/react/docs/animation.html

Development

npm install
npm start

Example

http://localhost:8010/examples/index.md

online example: http://react-component.github.io/css-transition-group/build/examples/

Test Case

http://localhost:8010/tests/runner.html?coverage

Coverage

http://localhost:8010/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8010/tests/runner.html?coverage

License

rc-css-transition-group is released under the MIT license.