epic-react-spinners
Version:
React implementation of epic spinners
62 lines (42 loc) • 1.99 kB
Markdown
# Epic React Spinners
[](https://travis-ci.com/p4pupro/epic-react-spinners)
[](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: [**](https://twitter.com/Papu62)
License :copyright: MIT license.
Keywords
React TypeScript Spinners