React Loading Indicator Overlay

!MacDown Screenshot

Installation

``
npm install --save react-loading-indicator-overlay
`

Usage

`

import OverlayLoader from 'react-loading-indicator-overlay/lib/OverlayLoader'

color={'red'} // default is white
loader="ScaleLoader" // check below for more loaders
text="Loading... Please wait!"
active={true}
backgroundColor={'black'} // default is black
opacity=".4" // default is .9
>

... your component(s)

`

Loaders

`
* PulseLoader
* RotateLoader
* BeatLoader
* RiseLoader
* SyncLoader
* GridLoader
* ClipLoader
* FadeLoader
* ScaleLoader
* SquareLoader
* PacmanLoader
* SkewLoader
* RingLoader
* MoonLoader
* DotLoader
* BounceLoader
`

Example

`
git clone https://github.com/Ferrhat/react-loading-indicator-overlay.git

cd examples

npm install

npm start

``

Credits

This is a fork of ydornala's react-overlay-loading
[ https://github.com/ydornala/react-overlay-loading]()

The loaders which are used are being taken from halogen
[ https://github.com/yuanyan/halogen]()