1.0.2 • Published 6 years ago

react-page-loading v1.0.2

Weekly downloads
106
License
MIT
Repository
github
Last release
6 years ago

react-page-loading

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

Features

  • Working with react-router

  • Working with react-router-redux

  • ... etc.

Installation

npm install react-page-loading --save

Usage

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

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

NameTypeDefault value
loaderPropTypes.stringbar
colorPropTypes.string#A9A9A9
sizePropTypes.number4
durationPropTypes.number1

loader

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

Document

Go through document for more details.