react-page-loading-v2

React page loading using react functional components to display a loading spin until the page loads completely.

We'd love to have your helping hand on contributions to react-page-loading-v2 by forking and sending a pull request!

Features

• Working with react-router-dom

• Working with react-router-redux

• ... etc.

Installation

npm

npm i react-page-loading-v2

yarn

yarn add react-page-loading-v2

Usage

import React, { Component } from 'react'
import Page from 'react-page-loading-v2'

export default class App extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <div>
        <Page loader={"bar"} color={"#A9A9A9"} size={4}>
          <h1>Title</h1>
          <p>content goes here</p>
        </Page>
      </div>
    )
  }
}

Properties

| Name | Type | Default value | | :------- | :--------------- | :------------ | | loader | PropTypes.string | bar | | color | PropTypes.string | #A9A9A9 | | size | PropTypes.number | 4 | | duration | PropTypes.number | 1 |

loader

| Value | | :------------ | | bar | | bubble-spin | | bubble | | comet-spin | | cylinder-spin | | resize-spin | | rotate-spin | | spin |

Contributing

We'd love to have your helping hand on contributions to react-page-loading-v2 by forking and sending a pull request!

Your contributions are heartily ♡ welcome, recognized and appreciated. (✿◠‿◠)

License

MIT License

Copyright (c) 2022 devzerstudio, Maintained by hashaaan