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.

react-epic-spinners's Issues

Animation delay

Hi,
If I want to use your component-HalfCircleSpinner, inside my app and set delay it's imposible, i fixed it, if You want i can ask pull request to your repository.
Best regards,

update rollup configuration

Hello, @bondz , this library helps me to use epic-spinner in react with ease.

Can I help you to update rollup configuration of your library? Recently, rollup has been upgraded to version 2. Several rollup plugin has been renamed from rollup-plugin-* to @rollup/plugin-. Maybe you can check updated rollup configuration and other configuration here .

I'am very happy if you accept my request.

Doesn't work in production

Any idea why this would work for us in development but not when we deploy?

For one person it even works on Chrome when we deploy to prod, but for most it doesn't. Any ideas?

react should be a peerDependency, not a dependency

Hi @bondz ! Amazing work on this package, I've enjoyed using it so far.

I was wondering - shouldn't react be listed under peerDependencies and not under dependencies in package.json? I'm getting a multiple versions of react error when I try installing/running this with hooks - because the package itself is installing its own version of react. I expect any project using this package will have react already installed as an explicit dependency - and so it would be safer to express react as a peerDependency in this case. I think most other pure UI component packages do this as well.

Curious to get your thoughts on this!

Typings update is missing in npm

Npm version 0.2.1 users old typings version without optional props