diff options
Diffstat (limited to 'packages/components/src')
-rw-r--r-- | packages/components/src/components/Slider/Slider.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/components/src/components/Slider/Slider.tsx b/packages/components/src/components/Slider/Slider.tsx index f6f53799c..5af945383 100644 --- a/packages/components/src/components/Slider/Slider.tsx +++ b/packages/components/src/components/Slider/Slider.tsx @@ -122,11 +122,11 @@ export const Slider = (props: ISliderProps) => { setEndNumber?.((lastEndVal = Math.max(number + (minDiff ?? 0), val))); setEndNumberLoc((lastEndVal = Math.max(number + (minDiff ?? 0), val))); }; - const Slider: (JSX.Element | null)[] = [!multithumb ? null : valSlider('end', endNumberLoc, onendchange, () => setFinalEndNumber?.(lastEndVal)), valSlider('start', valLoc, onchange, () => setFinalNumber?.(lastVal))]; + const ValSlider: (JSX.Element | null)[] = [!multithumb ? null : valSlider('end', endNumberLoc, onendchange, () => setFinalEndNumber?.(lastEndVal)), valSlider('start', valLoc, onchange, () => setFinalNumber?.(lastVal))]; - const slider: JSX.Element = ( + const slider = ( <div - className={`slider-wrapper`} + className="slider-wrapper" onPointerEnter={() => { lastVal = valLoc; lastEndVal = endNumberLoc; @@ -143,7 +143,7 @@ export const Slider = (props: ISliderProps) => { }} style={{ height: getHeight(+(height || 0), size) }} onPointerDown={onPointerDown}> - {Slider} + {ValSlider} <div className="selected-range" style={{ @@ -177,7 +177,7 @@ export const Slider = (props: ISliderProps) => { return formLabel ? ( <div className={`form-wrapper ${formLabelPlacement}`}> - <div className={'formLabel'} style={{ fontSize: getFormLabelSize(size) }}> + <div className="formLabel" style={{ fontSize: getFormLabelSize(size) }}> {formLabel} </div> {slider} |