1.0.16 • Published 3 years ago
react-page-loading-v2 v1.0.16
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