Slider - additional props

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(

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>
                 );