JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 27144
  • Score
    100M100P100Q143238F

Loading overlays with fade, spinner, message support.

Package Exports

  • react-loading-overlay

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-loading-overlay) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Loading Overlay

npm version

A customizable, simple loading overlay.


Usage

<LoadingOverlay
  active={isActive}
  spinner
  text='Loading your content...'
  >
  Some components
</LoadingOverlay>

props

  • active, Boolean, whether the loader is visible.
  • animate, Boolean, whether to fade the overlay in and out.
  • spinner, Boolean, whether to use a spinner in the loader.
  • text, String, used as content of the loader.
  • background, String, valid css color declaration for the overlay background.
  • color, String, valid css color declaration for the text and circle color.
  • spinnerSize, String, valid css size (100px) for the size of the spinner circle.
  • zIndex, Integer, use in case you are experiencing other z-indexed components appearing over top of the overlay.