rc-css-transition-group

rc-css-transition-group

---

standalone and enhanced CSSTransitionGroup for React.addons.CSSTransitionGroup

Screenshots

Feature

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

install

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.