# Epic React Spinners

[![Build Status](https://travis-ci.com/p4pupro/epic-react-spinners.svg?branch=master)](https://travis-ci.com/p4pupro/epic-react-spinners)
[![dependencies Status](https://status.david-dm.org/gh/p4pupro/epic-react-spinners.svg)](https://status.david-dm.org/gh/p4pupro/epic-react-spinners)

---
Reusable react components for epic spinners

## Demo
Visit the demo [demo](https://p4pupro.github.io/epic-react-spinners/) page to see spinners in action

## Installation
``` npm install --save epic-react-spinners ```

OR

``` yarn add epic-react-spinners ```

## Usage
Example

Import each spinners' into your file/component and use the spinner component anywhere.
```color, size, animationDuration``` are props optional, by default it have values.

```color, size, animationDuration ``` are props optional, by default it have values. 

```javascript
import React from 'react';
import './App.scss';
import {Atom, Orbit, Trinity, Electron, Square, SelfSquare, Rhombuses, Flower, HalfCircle, FingerPrint} from 'epic-react-spinners';

function App() {
  return (
    <Atom color="#61dafb" size="70" animationDuration="2000" />
    <Orbit color="#61dafb" size="70" animationDuration="2000" />
    <Trinity color="#61dafb" size="70" animationDuration="2000" />
    <Electron color="#61dafb" size="70" animationDuration="2000" />
    <Square color="#61dafb" size="70" animationDuration="2000" />
    <SelfSquare color="#61dafb" size="70" animationDuration="2000" />
    <Rhombuses color="#61dafb" size="70" animationDuration="2000" />
    <Flower color="#61dafb" size="70" animationDuration="2000" />
    <HalfCircle color="#61dafb" size="70" animationDuration="2000" />
    <FingerPrint color="#61dafb" size="70" animationDuration="2000" />
  )
}
```

Support? :coffee:

Star the repo ⭐️

Pull requests are welcome :sparkles:

Follow me on twitter :hash: [*@Papu62*](https://twitter.com/Papu62)

License :copyright: MIT license.

Keywords
    React TypeScript Spinners