/react-appear-in

Make react components appear sometime in the future

Primary LanguageTypeScriptMIT LicenseMIT

React Appear In

Make react components appear sometime in the future

npm version

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.