2.1.9 • Published 4 years ago

react-loading-spin v2.1.9

Weekly downloads
149
License
MIT
Repository
github
Last release
4 years ago

react-loading-spin CI npm version npm PRs Welcome License: MIT

A simple reusable animated spinner react component.

Preview

Alt Text

Install

npm i --save react-loading-spin

Import

import LoadingSpin from "react-loading-spin";

Use

const ExampleOfUsingDefaultLoadingSpin = () => (
    <div className={"ExampleOfUsage"}>
        <LoadingSpin />
    </div>
);

Alt Text

Manage Properties

Property nametypeRequiredDefault valueComment
sizestringfalse'60px'CSS length value for height and width of the spinner
widthstringfalse'6px'CSS length value for width the spinner
primaryColorstringfalse'#1ecd96'CSS color value for one half of the loader
secondaryColorstringfalse'#cccccc'CSS color value for second half of the loader
animationDurationstringfalse'2s'CSS animation-durationproperty value
animationTimingFunctionstringfalse'ease-in-out'CSS animation-timing-function property value
animationDirectionstringfalse'normal'CSS animation-direction property value
numberOfRotationsInAnimationnumberfalse2number 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>
);

Alt Text

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