react-loader-overlay
v1.0.0
Published
A react package for pre loader with overlay.
Downloads
59
Maintainers
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
yarn add react-loader-overlay --save
Usage:
Import
Loader
fromreact-loader-overlay
Use
Loader
like a React component. When theactive
prop passed toLoader
istrue
, a translucent overlay is shown over the entire page, with a spinner in the center.
import React, { useState } from "react";
import { Loader } from "react-loader-overlay";
function App() {
const [loading, setLoading] = useState(false)
return (
<div className="App">
<header className="App-header">
<Loader active={loading}/>
<p>
Welcome! <code>React Pre Loader with Overlay</code>.
</p>
</header>
</div>
);
}
export default App;
Props :hammer_and_wrench:
active
(boolean)- default:
true
- whether the loader is visible.
- default:
Contributing
Security Vulnerabilities
If you discover a security vulnerability or bugs within React Overlay Preloader, please send an e-mail to Muhaimenul Islam via [email protected].
License
The React Overlay Preloader package is open-sourced project licensed under the MIT license.