react-loading

 

Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's loading project.

Installation

``
npm i react-loading
`
or

`
yarn add react-loading
`

Demo

Check here

Loading Types

* blank
* balls
* bars
* bubbles
* cubes
* cylon
* spin
* spinningBubbles
* spokes

Examples

`javascript
import React from 'react';
import ReactLoading from 'react-loading';

const Example = ({ type, color }) => (

);

export default Example;
`

`javascript
import React from 'react';
import ReactLoading from 'react-loading';

const Example = ({ type, color }) => (

);

export default Example;
`

$3

| Name | Type | Default Value |
|:------:|:------:|:---------------:|
| type | String | balls |
| color | String | #ffffff |
| delay | Number | 0 (msecs) |
| height | Number or String | 64 (px) |
| width | Number or String | 64 (px) |
| className | String | ''` |

License

MIT