2.0.3 • Published 7 years ago
react-loading v2.0.3
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
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 | '' |
License
MIT
2.0.3
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago
0.2.2
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago
0.0.9
9 years ago
0.0.8
10 years ago
0.0.7
10 years ago
0.0.6
10 years ago
0.0.5
10 years ago
0.0.4
10 years ago
0.0.3
10 years ago
0.0.2
11 years ago
0.0.1
11 years ago