gradient-progress-circle-bar
Advanced tools
Comparing version
{ | ||
"name": "gradient-progress-circle-bar", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "A customizable progress circle bar component for React", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -15,19 +15,23 @@ # GradientProgressCircleBar | ||
```bash | ||
import ProgressCircleBar from "gradient-progress-circle-bar"; | ||
``` | ||
## Usage | ||
```bash | ||
<ProgressCircleBar | ||
value={75} | ||
remainingColor="lightgray" | ||
size={150} | ||
strokeWidth={15} | ||
progressColors={["#ff0000", "#00ff00", "#0000ff"]} | ||
innerColor="#f0f0f0" | ||
clockwise={false} | ||
label="75%" | ||
fontSize={20} | ||
fontColor="blue" | ||
fontWeight="bold" | ||
value={75} | ||
remainingColor="lightgray" | ||
size={150} | ||
strokeWidth={15} | ||
progressColors={["#ff0000", "#00ff00", "#0000ff"]} | ||
innerColor="#f0f0f0" | ||
clockwise={false} | ||
label="75%" | ||
fontSize={20} | ||
fontColor="blue" | ||
fontWeight="bold" | ||
/> | ||
``` | ||
@@ -59,1 +63,5 @@ ## Props | ||
• fontWeight (100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "normal" | "bold" | "bolder" | "lighter", optional): The font weight of the label text. Default is "normal". | ||
``` | ||
``` |
9037
0.71%66
13.79%