Skip to content

bondz/react-epic-spinners

Folders and files

NameName
Last commit message
Last commit date

Latest commit

7ad4255 · Dec 9, 2020

History

64 Commits
Dec 9, 2020
Sep 26, 2020
Oct 6, 2020
Oct 6, 2020
Jan 19, 2018
Oct 6, 2020
Sep 26, 2020
Oct 6, 2020
Jan 19, 2018
Sep 15, 2019
Feb 19, 2019
Jan 19, 2018
Oct 23, 2020
Oct 6, 2020
Oct 23, 2020

Repository files navigation

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.