React-animation-loaders

- A small tiny library for react loaders

Installing

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

Usage

- Importing the Component

`js
import React, { Component } from "react";
import ReactDOM from "react-dom";
import { First, Second, Third, Fourth } from "react-animation-loaders";

const App = () => ;
`

Props

| 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

`js
const App = () => (

)
`

!alt text

`js
const App = () => (

)
`

!alt text

`js
const App = () => (

)
`

!alt text

`js
const App = () => (

)
``

!alt text