1.0.2 • Published 7 years ago
react-easy-spinner v1.0.2
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 |