From cb6cb730ba4918d22f2badc0c15d0bbb9d473291 Mon Sep 17 00:00:00 2001
From: dan hale <dan@danhale.io>
Date: Mon, 16 Jun 2025 20:39:22 -0500
Subject: [PATCH] feat(Slider): Add slot to pass through tooltip content

---
 src/runtime/components/Slider.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/runtime/components/Slider.vue b/src/runtime/components/Slider.vue
index f9d86fefc5..646b0af951 100644
--- a/src/runtime/components/Slider.vue
+++ b/src/runtime/components/Slider.vue
@@ -42,6 +42,10 @@ export interface SliderEmits<T extends number | number[] = number | number[]> {
   (e: 'update:modelValue', payload: T): void
   (e: 'change', payload: Event): void
 }
+
+export interface SliderSlots {
+  default(props?: {text: string | number}): any
+}
 </script>
 
 <script setup lang="ts" generic="T extends number | number[]">
@@ -129,6 +133,9 @@ function onChange(value: any) {
         v-bind="(typeof tooltip === 'object' ? tooltip : {})"
       >
         <SliderThumb :class="ui.thumb({ class: props.ui?.thumb })" />
+        <template name="content" v-if="$slots.tooltip">
+          <slot :text="thumbs > 1 ? String(sliderValue?.[thumb - 1]) : String(sliderValue)" />
+        </template>
       </UTooltip>
       <SliderThumb v-else :class="ui.thumb({ class: props.ui?.thumb })" />
     </template>