react-loading-lottie v3.4.2

react-loading-lottie

Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's loading project.

Installation

npm i react-loading-lottie

or

yarn add react-loading-lottie

Demo

Check here

Loading Types

• blank
• balls
• bars
• bubbles
• cubes
• cylon
• spin
• spinningBubbles
• spokes

Examples

import React from 'react';
import ReactLoading from 'react-loading-lottie';

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-lottie';

const Example = ({ type, color }) => (
	<ReactLoading type={type} color={color} height={'20%'} width={'20%'} />
);

export default Example;

Props

License

MIT