Add disabled state for slider

VolkovLabs · Feb 2, 2024 · a354add · a354add
1 parent 95e41c6
commit a354add
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/components/src/components/Slider/Slider.tsx b/packages/components/src/components/Slider/Slider.tsx
@@ -37,6 +37,13 @@ interface Props extends Omit<SliderProps, 'ariaLabelForHandle'> {
    * @type {number}
    */
   inputWidth?: number;
+
+  /**
+   * Disabled
+   *
+   * @type {boolean}
+   */
+  disabled?: boolean;
 }
 
 /**
@@ -55,6 +62,7 @@ export const Slider: React.FC<Props> = ({
   included,
   inputWidth = 8,
   sliderAriaLabel,
+  disabled,
   ...props
 }) => {
   const isHorizontal = orientation === 'horizontal';
@@ -123,6 +131,7 @@ export const Slider: React.FC<Props> = ({
           marks={marks}
           included={included}
           ariaLabelForHandle={sliderAriaLabel}
+          disabled={disabled}
         />
 
         {inputWidth > 0 && (
@@ -141,6 +150,7 @@ export const Slider: React.FC<Props> = ({
             max={max}
             step={step}
             data-testid={props['data-testid']}
+            disabled={disabled}
           />
         )}
       </div>