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