From 03e516e5681a883964c8bf370700310f72802530 Mon Sep 17 00:00:00 2001
From: Jeremy Gallant <jeremy@gallant.se>
Date: Wed, 23 Apr 2025 16:41:20 +0200
Subject: [PATCH] Slider - additional props

---
 src/components/UI/Slider.tsx    | 3 ++-
 src/pages/Map/FilterControl.tsx | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/UI/Slider.tsx b/src/components/UI/Slider.tsx
index 4c73b39a..593c1bf0 100644
--- a/src/components/UI/Slider.tsx
+++ b/src/components/UI/Slider.tsx
@@ -28,6 +28,7 @@ export function Slider({
   trackClassName,
   rangeClassName,
   thumbClassName,
+  ...props
 }: SliderProps) {
   const [internalValue, setInternalValue] = useState<number[]>(value);
   const isControlled = value !== undefined;
@@ -56,7 +57,7 @@ export function Slider({
       disabled={disabled}
       onValueChange={handleValueChange}
       onValueCommit={handleValueCommit}
-      aria-label="Slider"
+      {...props}
     >
       <SliderPrimitive.Track
         className={cn(
diff --git a/src/pages/Map/FilterControl.tsx b/src/pages/Map/FilterControl.tsx
index 7d264f1c..a8313d5d 100644
--- a/src/pages/Map/FilterControl.tsx
+++ b/src/pages/Map/FilterControl.tsx
@@ -87,6 +87,7 @@ export function FilterControl(
                       trackClassName="h-1 bg-gray-200 dark:bg-slate-700"
                       rangeClassName="bg-blue-500"
                       thumbClassName="w-3 h-3 bg-white border border-gray-400 dark:border-slate-600"
+                      aria-label={`Slider - ${cfg.label}`}
                     />
                   </div>
                 );