Browse Source

animation plugin moved (#2091)

`react-addons-css-transition-group` moved to `react-transition-group`
main
Himanshu Pathak 5 years ago
committed by GitHub
parent
commit
c477cd79c8
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 6
      content/docs/addons-animation.md

6
content/docs/addons-animation.md

@ -23,8 +23,8 @@ The [`ReactTransitionGroup`](#low-level-api-reacttransitiongroup) add-on compone
**Importing** **Importing**
```javascript ```javascript
import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; // ES6 import ReactCSSTransitionGroup from 'react-transition-group'; // ES6
var ReactCSSTransitionGroup = require('react-addons-css-transition-group'); // ES5 with npm var ReactCSSTransitionGroup = require('react-transition-group'); // ES5 with npm
``` ```
```javascript{31-36} ```javascript{31-36}
@ -199,7 +199,7 @@ render() {
In the example above, we rendered a list of items into `ReactCSSTransitionGroup`. However, the children of `ReactCSSTransitionGroup` can also be one or zero items. This makes it possible to animate a single element entering or leaving. Similarly, you can animate a new element replacing the current element. For example, we can implement a simple image carousel like this: In the example above, we rendered a list of items into `ReactCSSTransitionGroup`. However, the children of `ReactCSSTransitionGroup` can also be one or zero items. This makes it possible to animate a single element entering or leaving. Similarly, you can animate a new element replacing the current element. For example, we can implement a simple image carousel like this:
```javascript{10} ```javascript{10}
import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; import ReactCSSTransitionGroup from 'react-transition-group';
function ImageCarousel(props) { function ImageCarousel(props) {
return ( return (

Loading…
Cancel
Save