https://github.com/jamkaramol/reactfullpageloaderoverlay

Full page loader library for ReactJS
https://github.com/jamkaramol/reactfullpageloaderoverlay

css3 css3-animations css3-transitions fullpage library loader loader-component loader-plugin overlay react-component react-plugin reactjs storybook

Last synced: 20 days ago
JSON representation

Full page loader library for ReactJS

• Host: GitHub
• URL: https://github.com/jamkaramol/reactfullpageloaderoverlay
• Owner: jamkaramol
• License: mit
• Created: 2019-04-25T07:07:54.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-04-26T07:19:16.000Z (over 5 years ago)
• Last Synced: 2024-10-26T07:36:43.100Z (21 days ago)
• Topics: css3, css3-animations, css3-transitions, fullpage, library, loader, loader-component, loader-plugin, overlay, react-component, react-plugin, reactjs, storybook
• Language: JavaScript
• Size: 6.43 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Loader for ReactJS

  - A attractive loader for your react project.

  - Using CSS-3 animations.

  - Full page loader with shadow overlay 

![Demo](data/demo.gif)

## Tech

* [ReactJs]

* CSS 3 animation

## Installation

```

npm i react-full-page-loader-overlay

```

## Example 

````

import React from "react";

import { Loader } from "react-full-page-loader-overlay";

const Example = () => {

   return (

      

   );

}

export default Example;

````

## All props information 

| Props | values |Description |

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

| show | `true` or `false` Boolean | Show or hide loader |

| fillIn | `true` or `false` Boolean | Background Transparent or White |

| design | `1`, `2` or `3` Number | Total 3 designs, if nothing specified it will show default design |

| centerBorder | Hex color code or color name  | Default is red  | 

| leftBorder | Hex color code or color name | Default is green |

| rightBorder | Hex color code or color name | Default is yellow |

## Author

Amol B Jamkar (full stack developer)

[email protected]

[LinkedIn profile]

## License

Free to use 

   [ReactJS]: 

   [LinkedIn profile]: