react-loading-components

1.1.12 • Public • Published

react-loading-components

Easy to use loading animations for React projects. Uses SVG animations from SamHerbert SVG-Loaders project.

Installation

npm i react-loading-components

or

yarn add react-loading-components

Demo

DEMO

Loading Types

  • audio
  • ball_triangle
  • bars
  • circles
  • grid
  • hearts
  • oval
  • puff
  • rings
  • spinning_circles
  • tail_spin
  • three_dots

Example

import React from 'react';
import Loading from 'react-loading-components';
 
const Example = () => (
  <Loading type='ball_triangle' width={100} height={100} fill='#f44242' />
);
 
export default Example;

Props

Name Type Default Value
type String audio
fill String #ffffff
height Number or String 64 (px)
width Number or String 64 (px)

License

ISC

Readme

Keywords

Package Sidebar

Install

npm i react-loading-components

Weekly Downloads

697

Version

1.1.12

License

ISC

Last publish

Collaborators

  • safeimuslim