ts-react-fade
v0.1.5
Published
light weight lib for fadeIn effect
Downloads
17
Readme
Installation
npm install ts-react-fade
or
yarn add ts-react-fade
Usage
import { FadeIn } from 'ts-react-fade';
<FadeIn >
<div>Element 1</div>
<div>Element 2</div>
</FadeIn>
Props
delay
: Default: 300. Delay between animation.transitionDuration
: Default: 800. Duration of each child's animation in milliseconds.className
: Adds aclassName
prop to the container div.childClassName
: Adds aclassName
prop to each child div, allowing you to style the direct children of theFadeIn
component.
inspired by
- https://github.com/gkaemmer/react-fade-in
- https://github.com/rnosov/react-reveal
- https://github.com/roderickhsiao/react-in-viewport