Skip to content
master
Switch branches/tags
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

React Epic Spinners

npm version license Vulnerability status

This library is the React implementation of Vue epic-spinners by EpicMax

Epic Spinners with Bit - Disocver, play and install spinners. scope preview

Installation

Using NPM

npm install react-epic-spinners

Or Yarn

yarn add react-epic-spinners

Demo

An online demo is available here

Usage

All components accept the following props

  • size [number]: (optional) specifies how large the spinner should be rendered
  • color [string]: (optional) defaults to #fff. Specifies the color of the spinner.
  • animationDelay [number]: (optional) specifies the timing of the spinner animation. Lower numbers mean the animations restart faster.
  • className [string]: (optional) add any additional class you want to the component
  • style [object]: (optional) a react component style object to additionally style the component

Examples

import { AtomSpinner } from 'react-epic-spinners'

// In your render function or SFC return
<AtomSpinner color="red">

Components

All components are named exports of the package.

import { ... } from 'react-epic-spinners'

Known Issues

Because of some bugs with flexbox on Firefox, the following components may not render properly

  • ScalingSquaresSpinner
  • SwappingSquaresSpinner
  • TrinityRingsSpinner

If you know a fix for it, please send a PR :)

License

MIT.