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

A Loading Component for displaying loading state of a page or a section.
https://github.com/skycloud1030/react-loadingmask

loading-animations react

Last synced: 11 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/skycloud1030/react-loadingmask
• Owner: skycloud1030
• License: mit
• Created: 2016-03-01T10:42:52.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T01:35:01.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T07:07:57.925Z (27 days ago)
• Topics: loading-animations, react
• Language: JavaScript
• Homepage: https://skycloud1030.github.io/react-loadingmask/example/
• Size: 1.87 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-loadingmask

[![Travis](https://api.travis-ci.org/skycloud1030/react-loadingmask.svg?branch=master)](https://travis-ci.org/skycloud1030/react-loadingmask)

[![Coverage Status](https://coveralls.io/repos/github/skycloud1030/react-loadingmask/badge.svg?branch=master)](https://coveralls.io/github/skycloud1030/react-loadingmask?branch=master)

[![Version](https://img.shields.io/npm/v/react-loadingmask.svg)](https://www.npmjs.com/package/react-loadingmask)

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)

[![Donloads](https://img.shields.io/npm/dm/react-loadingmask.svg)](https://www.npmjs.com/package/react-loadingmask)

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

## Install

```sh

npm i --save react-loadingmask

yarn add react-loadingmask --save

```

## Getting Started

```js

import LoadingMask from "react-loadingmask";

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

  
Compoment You want to display


```

## Demo

- [preview](https://skycloud1030.github.io/react-loadingmask/example/)

- [code](https://github.com/skycloud1030/react-loadingmask/blob/gh-pages/src/index.js)

## Properties

| Props     | Type      | Description                          | Default |

| :-------- | :-------- | :----------------------------------- | :------ |

| loading   | boolean   | Loading status                       | false   |

| text      | string    | Customize description content        | -       |

| indicator | ReactNode | React node of the spinning indicator | -       |