rename props

arpitBhalla · Aug 23, 2021 · f98b60d · f98b60d
1 parent 6fe62f8
commit f98b60d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -73,9 +73,9 @@ Arc Slider without center text
 | `trackRadius`    | number                   | `100`     | Radius of Circular Slider                               |
 | `thumbRadius`    | number                   | `12`      | Size of Thumb                                           |
 | `trackWidth`     | number                   | `5`       | Size of Track                                           |
-| `value`          | number                   | `0`       | Value between minimumValue to maximumValue              |
-| `minimumValue`   | number                   | `0`       | Minimum value                                           |
-| `maximumValue`   | number                   | `100`     | Maximum value                                           |
+| `value`          | number                   | `0`       | Value between minValue to maxValue                      |
+| `minValue`       | number                   | `0`       | Minimum value                                           |
+| `maxValue`       | number                   | `100`     | Maximum value                                           |
 | `onChange`       | ((angle: number) => any) | `none`    | onChange Handler                                        |
 | `trackColor`     | string                   | `#2089dc` | Color for Track                                         |
 | `trackTintColor` | string                   | `#e1e8ee` | Color for Track Tint                                    |

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rn-arc-slider",
-  "version": "0.0.1",
+  "version": "0.0.0",
   "description": "Arc Slider Component for React Native using React Native Svg",
   "main": "dist/index.js",
   "files": [

diff --git a/src/index.tsx b/src/index.tsx
@@ -9,12 +9,12 @@ export type CircularSliderProps = {
   thumbRadius?: number;
   /** Size of Track */
   trackWidth?: number;
-  /** Value between minimumValue to maximumValue */
+  /** Value between minValue to maxValue */
   value?: number;
   /** Minimum value */
-  minimumValue?: number;
+  minValue?: number;
   /** Maximum value */
-  maximumValue?: number;
+  maxValue?: number;
   /** onChange Handler */
   onChange?: (angle: number) => any;
   /** Color for Track  */
@@ -51,8 +51,8 @@ const CircularSlider: React.FC<CircularSliderProps> = ({
   trackTintColor = "#e1e8ee",
   trackColor = "#2089dc",
   value = 0,
-  minimumValue = 0,
-  maximumValue = 100,
+  minValue = 0,
+  maxValue = 100,
   minAngle = 0,
   maxAngle = 359.9,
   onChange,
@@ -67,7 +67,7 @@ const CircularSlider: React.FC<CircularSliderProps> = ({
 }) => {
   const location = React.useRef({ x: 0, y: 0 });
   const viewRef = React.useRef<View>(null);
-  const valuePercentage = ((value - minimumValue) * 100) / maximumValue;
+  const valuePercentage = ((value - minValue) * 100) / maxValue;
 
   const { current: panResponder } = React.useRef(
     PanResponder.create({