react-loading-spin
Advanced tools
Comparing version 0.3.4 to 1.0.0
{ | ||
"name": "react-loading-spin", | ||
"version": "0.3.4", | ||
"version": "1.0.0", | ||
"description": "A simple spinning loading animation react component.", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -8,3 +8,3 @@ # react-loading-spin | ||
### Installing | ||
## Install | ||
``` | ||
@@ -14,3 +14,3 @@ npm i --save react-loading-spin | ||
## Usage | ||
## Import | ||
``` | ||
@@ -21,13 +21,27 @@ ... | ||
... | ||
render() { | ||
return ( | ||
<div> | ||
<LoadingSpin/> | ||
</div> | ||
); | ||
} | ||
... | ||
``` | ||
# Use | ||
``` | ||
const ExampleOfUsingLoadingSpinWithProps = () => { | ||
return ( | ||
<div className="App"> | ||
<p>Patience you must have my Young Padawan</p> | ||
<LoadingSpin | ||
duration='2s' | ||
width='15px' | ||
timingFunction='ease-in-out' | ||
direction='alternate' | ||
size='300px' | ||
primaryColor='yellow' | ||
secondaryColor='#333' | ||
/> | ||
</div> | ||
); | ||
}; | ||
``` | ||
## Manage Properties | ||
**size** | **primaryColor** | **secondaryColor** | **width** | **duration** | **timingFunction** | **direction** | ||
### Built With | ||
@@ -34,0 +48,0 @@ * [Pleasure](https://en.wikipedia.org/wiki/Pleasure) |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
10829
2
50