react-loading
Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's loading project.
Installation
npm i react-loading
oryarn add react-loading
Demo
Check hereLoading Types
- blank
- balls
- bars
- bubbles
- cubes
- cylon
- spin
- spinningBubbles
- spokes
Examples
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;
Props
| 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 | ''
|