@@ -28,7 +28,7 @@ that the transition duration must be specified in JavaScript as well as CSS.
28
28
Install via ` npm ` :
29
29
30
30
```
31
- npm install react-css-transition-replace
31
+ npm install --save react-css-transition-replace
32
32
```
33
33
34
34
@@ -43,7 +43,9 @@ and the new component animated in. During this process:
43
43
- The entering component is positioned on top of the leaving component with ` absolute ` positioning.
44
44
- The height of the container is set to that of the leaving component, and then immediately to that of the
45
45
entering component, and the ` {animation-name}-height ` class is applied to it, if type of ` transitionName ` is
46
- ` String ` . If type of ` transitionName ` is ` Object ` , ` transitionName.height ` class will be used without modifications.
46
+ ` String ` . If type of ` transitionName ` is ` Object ` , ` transitionName.height ` class will be used without modifications,
47
+ if present.
48
+ - The leaving component will be passed ` isLeaving ` prop while transitioning out.
47
49
48
50
This provides many possibilities for animating the replacement as illustrated in the examples below.
49
51
@@ -191,10 +193,10 @@ pages one might use:
191
193
to avoid collapsing margins overall.
192
194
- Turn this feature off by setting the ` overflowHidden={false} ` prop when hidden overflow is not needed,
193
195
for example when transitions are in place and content is of the same height.
194
- 3 . If the ` .*-height ` class is not specified the change in container height will not be animated but instead
195
- jump to the height of the entering component instantaneously. It can, therefore, be omitted if all content
196
- is known to be of the same height without any adverse side-effects, and absolute positioning related height
197
- issues will still be avoided.
196
+ 3 . If the ` .*-height ` class (or ` transitionName.height ` ) is not specified the change in container height will not
197
+ be animated but instead jump to the height of the entering component instantaneously. It can, therefore, be
198
+ omitted if all content is known to be of the same height without any adverse side-effects, and absolute positioning
199
+ related height issues will still be avoided.
198
200
199
201
200
202
## Contributing
0 commit comments