React Appear In
Make react components appear sometime in the future
Install
npm install react-appear-in
Usage
import AppearIn from 'react-appear-in';
const MyAwesomeComponent = () => (
<AppearIn
minutes={1}
seconds={20}
milliseconds={10}
placeholder={(time) => <div>{`Will appear in ${time}ms`}</div>}
>
Hello after 1 minute, 20 seconds and 10 milliseconds
</AppearIn>
);
Props
Name | Type | Required |
---|---|---|
minutes |
number | no |
seconds |
number | no |
milliseconds |
number | no |
placeholder |
(time: number) => ReactNode | no |
When nothing is provided, children will appear immediately.
Demo
Give it a try here.