Reusable react components for epic-spinners
Switch branches/tags
Nothing to show
Clone or download
Latest commit b9fcaeb Dec 6, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Fix PixelSpinners Jan 19, 2018
typings Update index.d.ts Dec 4, 2018
.babelrc Initial commit Jan 19, 2018
.editorconfig Initial commit Jan 19, 2018
.gitignore Initial commit Jan 19, 2018
LICENSE Initial commit Jan 19, 2018
README.md Add readme Jan 20, 2018
jsConfig.json Initial commit Jan 19, 2018
package.json v0.2.1 Feb 26, 2018
rollup.config.js Initial commit Jan 19, 2018
yarn.lock Initial commit Jan 19, 2018

README.md

React Epic Spinners

npm version license Vulnerability status

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

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.