A Loading Component for displaying loading state of a page or a section

react-loadingmask

A Loading Component for displaying loading state of a page or a section.

Install

npm i --save react-loadingmask
yarn add react-loadingmask --save

Getting Started

import LoadingMask from "react-loadingmask";
import "react-loadingmask/dist/react-loadingmask.css";

<LoadingMask loading={true} text={"loading..."}>
  <div style={{ width: 500, height: 300 }}>Compoment You want to display</div>
</LoadingMask>

Demo

• preview
• code

Properties

Props	Type	Description	Default
loading	boolean	Loading status	false
text	string	Customize description content	-
indicator	ReactNode	React node of the spinning indicator	-

Download Details:

Author: skycloud1030

Demo: https://skycloud1030.github.io/react-loadingmask/example/

Source Code: https://github.com/skycloud1030/react-loadingmask

#reactjs #react #javascript