react-appear-in
TypeScript icon, indicating that this package has built-in type declarations

2.1.0 • Public • Published

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.

Readme

Keywords

Package Sidebar

Install

npm i react-appear-in

Weekly Downloads

2

Version

2.1.0

License

MIT

Unpacked Size

5.61 kB

Total Files

5

Last publish

Collaborators

  • maroun-baydoun