React page loading components using to display a loading spin until the page loads completely.
We'd love to have your helping hand on contributions to react-page-loading by forking and sending a pull request!
-
Working with react-router
-
Working with react-router-redux
-
... etc.
npm install react-page-loading --save
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>
)
}
}
| Name | Type | Default value |
|---|---|---|
| loader | PropTypes.string | bar |
| color | PropTypes.string | #A9A9A9 |
| size | PropTypes.number | 4 |
| duration | PropTypes.number | 1 |
| Value |
|---|
| bar |
| bubble-spin |
| bubble |
| comet-spin |
| cylinder-spin |
| resize-spin |
| rotate-spin |
| spin |
We'd love to have your helping hand on contributions to react-chartjsx by forking and sending a pull request!
Your contributions are heartily ♡ welcome, recognized and appreciated. (✿◠‿◠)
MIT License
Copyright (c) 2018 codefacebook, Maintained by Bunlong
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent