react-loading

2.0.3 • Public • Published

react-loading

Build Status Coverage Status

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 (0)

    Dev Dependencies (28)

    Package Sidebar

    Install

    npm i react-loading

    Weekly Downloads

    48,642

    Version

    2.0.3

    License

    MIT

    Unpacked Size

    254 kB

    Total Files

    18

    Last publish

    Collaborators

    • fakiolinho