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.