React-animation-loaders

• A small tiny library for react loaders

Installing

npm i --save react-animation-loaders styled-components

Usage

• Importing the Component

import React, { Component } from "react";
import ReactDOM from "react-dom";
import { First, Second, Third, Fourth } from "react-animation-loaders";
 
const App = () => <First />;

Props

• Every component have it's own props as it shown below:

Prop	Description
dot1Color	Specify the color for the first dot.
dot2Color	Specify the color for the Second dot.
dot3Color	Specify the color for the Third dot.
dot4Color	Specify the color for the Fourth dot(Specified for the Fourth Component).
dotWidth	Specify the width for Dot component.
dotHeight	Specify the Height for Dot component.
wrapperWidth	Specify the width for Wrapper component.
wrapperHeight	Specify the height for Wrapper component.

Examples

const App = () => (
  <First />
)

const App = () => (
  <Second />
)

const App = () => (
  <Third />
)

const App = () => (
  <Fourth />
)