bondz / react-epic-spinners

Reusable react components for epic-spinners

React Epic Spinners

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

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

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'

• AtomSpinner
• BreedingRhombusSpinner
• CirclesToRhombusesSpinner
• FingerprintSpinner
• FlowerSpinner
• FulfillingBouncingCircleSpinner
• FulfillingSquareSpinner
• HalfCircleSpinner
• HollowDotsSpinner
• IntersectingCirclesSpinner
• LoopingRhombusesSpinner
• OrbitSpinner
• PixelSpinner
• RadarSpinner
• ScalingSquaresSpinner
• SelfBuildingSquareSpinner
• SemipolarSpinner
• SpringSpinner
• SwappingSquaresSpinner
• TrinityRingsSpinner

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.