sbayd / react-ui-blocker

UI Blocker Loading Component for React Apps

React-UI-Blocker

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"
  />

Props

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

Credits

This project is using the styles of HoldOnJS (https://sdkcarlos.github.io/sites/holdon.html)