feat: add contentClass to easier customisation via tailwind

empathyco · Nov 21, 2024 · 95602e9 · 95602e9
1 parent 493b6bd
commit 95602e9
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/x-components/src/components/base-slider.vue b/packages/x-components/src/components/base-slider.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="x-base-slider">
-    <div ref="slider" class="x-base-slider__nouislider" />
+    <div ref="slider" class="x-base-slider__nouislider" :class="contentClass" />
     <div class="x-base-slider__selected">
       <!--
         @slot Default selected range rendering. This slot will be used by default for rendering
@@ -49,6 +49,11 @@
       modelValue: {
         type: Object as PropType<{ min: number; max: number }>,
         required: true
+      },
+      /** Class to be able to customize slider styles. */
+      contentClass: {
+        type: String || Array || Record<string, any>,
+        default: ''
       }
     },
     /**