Dead-simple component to fade in an element's children.
The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:
Dead-simple and opinionated component to fade in an element's children.
npm install react-fade-in
import FadeIn from 'react-fade-in'; // ...Element 1Element 2Element 3Element 4Element 5Element 6
Animates its children, one by one.
Note: To have children animate separately, they must be first-level children of thecomponent (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.
className: No default. Adds a
classNameprop to the container div.
childClassName: No default. Adds a
classNameprop to each child div, allowing you to style the direct children of the
"div". Override the HTML element of the wrapping div.
"div". Override the HTML element wrapped around each child element.