1.0.10 • Published 6 years ago
react-animation-loaders v1.0.10
React-animation-loaders
- A small tiny library for react loaders
Installing
npm i --save react-animation-loaders styled-componentsUsage
- 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 />
)