JSPM

react-ghost-loader

1.0.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 171
  • Score
    100M100P100Q78690F
  • License MIT

react app helper for loader

Package Exports

  • react-ghost-loader

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-ghost-loader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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