React-easy-spinner

Simple modifiable spinner for react.js

Demo

Live demo: https://dzuming.github.io/react-spinner/

Install

npm i react-easy-spinner

Usage

To app.js file add:

import React, {Component} from 'react';
import Spinner from 'react-easy-spinner';
class App extends Component {
  render() {
    let settings = {
      shape: "triangleUp",
      animation: "pulse",
      time: "2s",
      duration: 'infinite',
      opacity: '0.3',
      bgColor: '#27556c',
      elColor: '#2d1557'
    }
    return (
      <div className="App">
          <Spinner {...settings}/>
      </div>
    );
  }
}

export default App;

Options

Properties	values	default
shape	loader, cog, triangleUp	-
animation	pulse, run, bounceIn, spin	pulse
time	1-10s	2s
duration	infinite, number	infinite
opacity	0-1	0.3
bgColor	hex	#2d1557
elColor	hex	#27556c