Complexity Score
Low
Open Issues
19
Dependent Projects
71
Weekly Downloadsglobal
48,715
License
- MIT
- Yesattribution
- Permissivelinking
- Permissivedistribution
- Permissivemodification
- Nopatent grant
- Yesprivate use
- Permissivesublicensing
- Notrademark grant
Downloads
Readme
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
Dependencies
Loading dependencies...
CVE IssuesActive
0
Scorecards Score
1.60
Test Coverage
79.00%
Follows Semver
Yes
Github Stars
808
Dependenciestotal
28
DependenciesOutdated
13
DependenciesDeprecated
1
Threat Modelling
No
Repo Audits
No
Learn how to distribute react-loading in your own private NPM registry
25 Releases
NPM on Cloudsmith