https://github.com/shamin/react-fullscreen-loading

Minimal fullscreen loading for react
https://github.com/shamin/react-fullscreen-loading

react-loading react-loading-animation

Last synced: 3 months ago
JSON representation

Minimal fullscreen loading for react

• Host: GitHub
• URL: https://github.com/shamin/react-fullscreen-loading
• Owner: shamin
• License: mit
• Created: 2018-07-11T08:04:22.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-26T14:11:12.000Z (almost 7 years ago)
• Last Synced: 2025-03-12T05:47:01.270Z (3 months ago)
• Topics: react-loading, react-loading-animation
• Language: JavaScript
• Homepage: https://codesandbox.io/s/v6z782xow7
• Size: 77.1 KB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# react-fullscreen-loading

[![npm version](https://badge.fury.io/js/react-fullscreen-loading.svg)](https://www.npmjs.com/package/react-fullscreen-loading)

Minimal fullscreen loading for react

[![Edit v6z782xow7](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/v6z782xow7)

## Installation

```

npm install --save react-fullscreen-loading

```

## Example

```javascript

import React from 'react';

import Loading from 'react-fullscreen-loading';

class App extends React.Component {

  render() {

    return(

      

    )

  }

}

export default App;

```

## Props

Name | Type | Default Value

------------ | ------------- | -------------

loading | boolean | false

background | String  | `rgba(236, 240, 241, 0.7)`

loaderColor | String  | `#e74c3c`

# Licence

Code released under the [MIT License](https://github.com/shaminmeerankutty/react-fullscreen-loading/blob/master/LICENSE.md)