A simple animated spinner react component.
npm install react-loading-spinA simple reusable animated spinner react component.
``sh`
npm i --save react-loading-spin
`javascript`
import LoadingSpin from "react-loading-spin";
`javascript`
const ExampleOfUsingDefaultLoadingSpin = () => (
);
| Property name | type | Required | Default value | Comment |
| ------------- | ------------- | ------------- | ------------- | ------------- |
| size | string | false | '60px' | CSS length value for height and width of the spinner |string
| width | | false | '6px' | CSS length value for width the spinner |string
| primaryColor | | false | '#1ecd96' | CSS color value for one half of the loader |string
| secondaryColor | | false | '#cccccc' | CSS color value for second half of the loader |string
| animationDuration | | false | '2s' | CSS animation-durationproperty value |string
| animationTimingFunction | | false | 'ease-in-out' | CSS animation-timing-function property value |string
| animationDirection | | false | 'normal' | CSS animation-direction property value |number
| numberOfRotationsInAnimation | | false | 2 | number of spins during single animation |
`javascript``
const ExampleOfUsingLoadingSpinWithProps = () => (
width="15px"
timingFunction="ease-in-out"
direction="alternate"
size="200px"
primaryColor="yellow"
secondaryColor="#333"
numberOfRotationsInAnimation={2}
/>
);
MIT - see the LICENSE file for details.