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

importReactfrom'react';importReactLoadingfrom'react-loading';constExample=({ type, color })=>(<ReactLoadingtype={type}color={color}height={667}width={375}/>);exportdefaultExample;

importReactfrom'react';importReactLoadingfrom'react-loading';constExample=({ type, color })=>(<ReactLoadingtype={type}color={color}height={'20%'}width={'20%'}/>);exportdefaultExample;

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