UNPKG

epic-react-spinners

Version:
62 lines (42 loc) 1.99 kB
# 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