/epic-react-spinners

Epic React Spinners is a implementation of Epic Spinners made in React + TypeScript

Primary LanguageTypeScriptMIT LicenseMIT

Epic React Spinners

Build Status dependencies Status

Reusable react components for epic spinners

Demo

Visit the demo demo 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.

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? ☕

Star the repo ⭐️

Pull requests are welcome ✨

Follow me on twitter #️⃣ @Papu62

License ©️ MIT license.

Keywords React TypeScript Spinners