Skip to content

Dzuming/react-spinner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-easy-spinner npm version

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#2d1557
elColor hex #27556c#27556c

About

Simple modifiable spinner for react.js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published