https://github.com/muhaimenul/react-loader-overlay
A React.js full page overlay loader package
https://github.com/muhaimenul/react-loader-overlay
javascript loader overlay-loader progres react
Last synced: 5 months ago
JSON representation
A React.js full page overlay loader package
- Host: GitHub
- URL: https://github.com/muhaimenul/react-loader-overlay
- Owner: muhaimenul
- License: mit
- Created: 2022-01-14T08:03:37.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-21T10:10:42.000Z (about 4 years ago)
- Last Synced: 2025-10-14T04:42:46.170Z (9 months ago)
- Topics: javascript, loader, overlay-loader, progres, react
- Language: CSS
- Homepage: https://npm.io/package/react-loader-overlay
- Size: 309 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-loader-overlay
A simple loading overlay with spinner and transitions for React applications.
## Installation
Install using `npm`
```
npm install react-loader-overlay --save
```
or
```bash
yarn add react-loader-overlay --save
```
## Usage:
1. Import `Loader` from `react-loader-overlay`
2. Use `Loader` like a React component. When the `active` prop passed to `Loader` is `true`, a translucent overlay is shown over the entire page, with a spinner in the center.
```javascript
import React, { useState } from "react";
import { Loader } from "react-loader-overlay";
function App() {
const [loading, setLoading] = useState(false)
return (
Welcome! React Pre Loader with Overlay.
);
}
export default App;
```
## Props :hammer_and_wrench:
- `active` (boolean)
- default: `true` - whether the loader is visible.
## Contributing
[Muhaimenul Islam](https://github.com/muhaimenul)
## Security Vulnerabilities
If you discover a security vulnerability or bugs within React Overlay Preloader, please send an e-mail to Muhaimenul Islam via [i.muhaimen@gmail.com](mailto:i.muhaimen@gmail.com).
## License
The React Overlay Preloader package is open-sourced project licensed under the [MIT license](https://opensource.org/licenses/MIT).