
Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's loading project.
or
Check here
- blank
- balls
- bars
- bubbles
- cubes
- cylon
- spin
- spinningBubbles
- spokes
import React from 'react';
import ReactLoading from 'react-loading';
const Example = ({ type, color }) => (
<ReactLoading type={type} color={color} height={667} width={375} />
);
export default Example;
import React from 'react';
import ReactLoading from 'react-loading';
const Example = ({ type, color }) => (
<ReactLoading type={type} color={color} height={'20%'} width={'20%'} />
);
export default Example;
| 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 |
'' |
MIT