react-loading

2.0.3last stable release 7 years ago
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

npm config set registry  https://npm.cloudsmith.com/owner/repo
Processing...
Done
npm install react-loading
Processing...
Done

25 Releases

NPM on Cloudsmith

Getting started with NPM on Cloudsmith is fast and easy.