React Ghost Loader

npm install react-ghost-loader

or

yarn add react-ghost-loader

Showing a blank screen to your user while your data is being fetched from the server creates a bad experience. Instead, thanks to this package, you can show your user the skeleton of the page after the data has been taken.

Demo

Demo Link

Props

This component take some props for customizing

Name | Description | Type -----| ------------| ---- row | how many time repeat the loader | string width | this props define the GhostLoader's max width | string height | this props define the GhostLoader's max height | string widthRandom | amount of random width | number heightRandom | amount of random height | number