Dead-simple and opinionated component to fade in an element's children.
npm install react-fade-in
react-fade-in
import FadeIn from 'react-fade-in';
// ...
<FadeIn>
<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>
<div>Element 4</div>
<div>Element 5</div>
<div>Element 6</div>
</FadeIn>
Animates its children, one by one.
Note: To have children animate separately, they must be first-level children of the
<FadeIn>
component (i.e. members of itsprops.children
).
delay
: Default: 50. Delay between each child's animation in milliseconds.transitionDuration
: Default: 400. Duration of each child's animation in milliseconds.
Happy fading.