2.1.9 • Published 4 years ago
react-loading-spin v2.1.9
react-loading-spin

A simple reusable animated spinner react component.
Preview
Install
npm i --save react-loading-spin
Import
import LoadingSpin from "react-loading-spin";
Use
const ExampleOfUsingDefaultLoadingSpin = () => (
<div className={"ExampleOfUsage"}>
<LoadingSpin />
</div>
);
Manage Properties
Property name | type | Required | Default value | Comment |
---|---|---|---|---|
size | string | false | '60px' | CSS length value for height and width of the spinner |
width | string | false | '6px' | CSS length value for width the spinner |
primaryColor | string | false | '#1ecd96' | CSS color value for one half of the loader |
secondaryColor | string | false | '#cccccc' | CSS color value for second half of the loader |
animationDuration | string | false | '2s' | CSS animation-duration property value |
animationTimingFunction | string | false | 'ease-in-out' | CSS animation-timing-function property value |
animationDirection | string | false | 'normal' | CSS animation-direction property value |
numberOfRotationsInAnimation | number | false | 2 | number of spins during single animation |
const ExampleOfUsingLoadingSpinWithProps = () => (
<div className={"ExampleOfUsage"}>
<LoadingSpin
duration="2s"
width="15px"
timingFunction="ease-in-out"
direction="alternate"
size="200px"
primaryColor="yellow"
secondaryColor="#333"
numberOfRotationsInAnimation={2}
/>
</div>
);
Built With
License
MIT - see the LICENSE file for details.
2.1.9
4 years ago
2.1.1
4 years ago
2.1.4
4 years ago
2.1.3
4 years ago
2.1.6
4 years ago
2.1.5
4 years ago
2.1.8
4 years ago
2.1.7
4 years ago
2.1.0
4 years ago
1.0.9
6 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago
0.3.4
7 years ago
0.3.3
7 years ago
0.3.2
7 years ago
0.3.1
7 years ago
0.3.0
7 years ago
0.2.9
7 years ago
0.2.8
7 years ago
0.2.5
7 years ago
0.2.4
7 years ago
0.2.3
7 years ago
0.2.2
7 years ago
0.2.1
7 years ago
0.2.0
7 years ago
0.1.11
7 years ago
0.1.10
7 years ago
0.1.9
7 years ago
0.1.7
7 years ago
0.1.6
7 years ago
0.1.5
7 years ago
0.1.4
7 years ago
0.1.3
7 years ago
0.1.2
7 years ago
0.1.1
7 years ago
0.1.0
7 years ago
0.0.10
7 years ago
0.0.9
7 years ago
0.0.8
7 years ago
0.0.7
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago