make suffix configurable

coupez · Oct 20, 2021 · ad86e57 · ad86e57
1 parent c995208
commit ad86e57
Show file tree

Hide file tree

Showing 4 changed files with 14,044 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -32,3 +32,4 @@ import Progress from 'react-circle-progress-bar'
 | style | undefined | Sets the style on the wrapper component |
 | className | undefined | Sets the className on the wrapper component |
 | gradient | `[{stop: 0.0, color: '#00bc9b'}, {stop: 1, color: '#5eaefd'}]` | An array of objects, declaring the gradient color of the progress bar. Use 'stop' as percentage, and 'color' as color to declare a gradient. |
+| suffix | % | Sets the suffix shown in the progress bar |
diff --git a/dist/progress.js b/dist/progress.js
@@ -50,7 +50,8 @@ function _Progress({
   }],
   subtitle = "",
   style,
-  className
+  className,
+  suffix = '%',
 }) {
   progress = Math.round(progress * 100) / 100;
   const width = 200;
@@ -78,7 +79,7 @@ function _Progress({
     color
   }) => /*#__PURE__*/React.createElement("stop", {
     key: stop,
-    offset: stop * 100 + "%",
+    offset: stop * 100 + (suffix || ''),
     stopColor: color
   })))), !hideValue && /*#__PURE__*/React.createElement("text", {
     x: center,