https://github.com/sbayd/react-ui-blocker
UI Blocker Loading Component for React Apps
https://github.com/sbayd/react-ui-blocker
animation body-blocker loading react react-apps react-loading react-ui react-ui-blocker
Last synced: 4 months ago
JSON representation
UI Blocker Loading Component for React Apps
- Host: GitHub
- URL: https://github.com/sbayd/react-ui-blocker
- Owner: sbayd
- License: mit
- Created: 2017-12-09T20:11:25.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-01T14:38:58.000Z (over 8 years ago)
- Last Synced: 2025-09-28T01:04:58.924Z (8 months ago)
- Topics: animation, body-blocker, loading, react, react-apps, react-loading, react-ui, react-ui-blocker
- Language: JavaScript
- Homepage:
- Size: 73.2 KB
- Stars: 8
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```js
import UIBlocker from 'react-ui-blocker';
```
+ And use it!
```js
```
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)