react-sweet-progress
Advanced tools
react-sweet-progress - npm Package Compare versions
Comparing version 1.1.0 to 1.1.1
| { | ||
| "name": "react-sweet-progress", | ||
| "version": "1.1.0", | ||
| "version": "1.1.1", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -7,3 +7,3 @@ React Sweet Progress | ||
|  | ||
|  | ||
@@ -13,6 +13,10 @@ Basic Usage | ||
| 1. Install via `npm` | ||
| 1. Install via npm and yarn | ||
| ``` | ||
| npm i -S react-sweet-progress | ||
| // or | ||
| yarn add react-sweet-progress | ||
| ``` | ||
@@ -113,2 +117,33 @@ 2. Import `Progress` and progress bar styles | ||
| If you don't specify the theme `trail color`, then the deafult value of `#efefef` will be used. | ||
| ``` | ||
| <Progress | ||
| theme={ | ||
| { | ||
| error: { | ||
| symbol: this.state.percent + '%', | ||
| trailColor: 'pink', | ||
| color: 'red' | ||
| }, | ||
| default: { | ||
| symbol: this.state.percent + '%', | ||
| trailColor: 'lightblue', | ||
| color: 'blue' | ||
| }, | ||
| active: { | ||
| symbol: this.state.percent + '%', | ||
| trailColor: 'yellow', | ||
| color: 'orange' | ||
| }, | ||
| success: { | ||
| symbol: this.state.percent + '%', | ||
| trailColor: 'lime', | ||
| color: 'green' | ||
| } | ||
| } | ||
| } | ||
| /> | ||
| ``` | ||
|  | ||
| If you don't pass custom `status` then it will use the default color theme. | ||
@@ -148,3 +183,2 @@ | ||
| ### Circle width 😲 | ||
@@ -194,3 +228,3 @@ | ||
| | status | set the status of the progress, options: `success`, `error`, `active` | string | - | | ||
| | theme | set the custom styles of the progress, options: `[status]: { color: [string], symbol: '[any]'}` | object | - | | ||
| | theme | set the custom styles of the progress, options: `[status]: { color: [string], trailColor: [string], symbol: '[any]'}` | object | - | | ||
| | style | set the custom style of the react progress bar | object | - | | ||
@@ -233,4 +267,6 @@ | type | set the type of the progress bar, options: `circle` | string | - | | ||
| 1.1.1 Trail color can now be specified by a progress theme. | ||
| 1.1.0 Added `Circle` progress | ||
| 1.0.0 First release |
New alerts
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
Fixed alerts
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
Native code
Supply chain riskContains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.
Found 2 instances in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Improved metrics
- Number of low quality alerts
- decreased by-100%
0
- Number of lines in readme file
- increased by15.58%
267
- Number of low supply chain risk alerts
- decreased by-100%
0
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-61.64%
12067
- Number of package files
- decreased by-41.67%
7
- Lines of code
- decreased by-48.44%
99