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

A customizable, simple loading overlay with transitions.

Usage

Wrap your components in it and toggle the active prop as necessary.

<Loadable
  active={isActive}
  spinner
  text='Loading your content...'
  >
  <p>Some content or children or something.</p>
</Loadable>

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.

Future

Passing in custom loader components.
Composable loader, maybe some alternative spinner options or something.