react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.
### Installation
```sh
$ npm install react-loader-spinner --save
```
# Demo
[View in page]
### Usage
```
import Loader from 'react-loader-spinner'
export default class App extends React.Component {
//other logic
render() {
return(
);
}
}
```
### Types of Spinner
react-loader-spinner component has following types of spinner.
| Spinner Type | Implementation |
| ------ | ------ |
| Audio|```
``` |
| Ball-Triangle | ```
```|
| Bars | ```
``` |
| Circles | ```
``` |
| Grid|`````` |
|Hearts|``````|
|Oval|``````|
|Puff|``````|
|Rings|``````|
|TailSpin|``````|
|ThreeDots|``````|
### PropTypes Available
react-loader-spinner component accept following props. Instructions on how to use them are below.
| PropType | Detail |
| ------ | ------ |
| type | Type of spinner you want to display. View the type in Types of Spinner section. |
| height | Height props define the height of the svg spinner. Default height is 80px.|
| width | Width props define the width of the spinner. Default Width is 80px. |
| color | [Color Props is provide color to the spinner. Default color is light blue. |
### TODO LIST
* Update Readme Table With New Component
* Change Docs on Storybooks
License
----
MIT
[svg-loader]:
[here]:
[View in page]: https://mhnpd.github.io/react-loader-spinner/