DEMO: http://uiblocker.sbaydin.com/
A Body Blocker with Cool Animations for React Apps
It is simple to use
- First Step : Install
yarn add react-ui-blocker
or
npm install --save react-ui-blocker
- Second Step : Import
import UIBlocker from 'react-ui-blocker';
- And use it!
<UIBlocker theme="cubeGrid" // default isVisible={true} message="Loading.. or your custom message" />
| Name | Type | Default | Available Values |
|---|---|---|---|
| theme | String | cubeGrid | cubeGrid, rect, cube, bounce, dot, foldingCube, fadingCircle |
| isVisible | Boolean | false | true / false |
| message | String | Loading... | Any string |
This project is using the styles of HoldOnJS (https://sdkcarlos.github.io/sites/holdon.html)