* Name of the thumb (low / high) is passed to renderThumb function

githuboftigran · Sep 15, 2022 · a57d916 · a57d916
1 parent 28403ef
commit a57d916
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/index.tsx b/index.tsx
@@ -34,7 +34,7 @@ export interface SliderProps extends ViewProps {
   max: number;
   minRange?: number;
   step: number;
-  renderThumb: () => ReactNode;
+  renderThumb: (name: 'high' | 'low') => ReactNode;
   low?: number;
   high?: number;
   allowLabelOverflow?: boolean;
@@ -180,8 +180,8 @@ const Slider: React.FC<SliderProps> = ({
     isPressed,
     allowLabelOverflow,
   );
-  const lowThumb = renderThumb();
-  const highThumb = renderThumb();
+  const lowThumb = renderThumb('low');
+  const highThumb = renderThumb('high');
 
   const labelContainerProps = useLabelContainerProps(floatingLabel);