Merge pull request #44 from InjectiveLabs/chore/tooltip-attrs

chore: tooltip attrs
InjectiveLabs · Jan 11, 2024 · 99af6d4 · 99af6d4
2 parents 345c71d + 61a8118
commit 99af6d4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/ui-shared/lib/components/Tooltip.vue b/packages/ui-shared/lib/components/Tooltip.vue
@@ -3,7 +3,7 @@ import { Tooltip } from 'floating-vue'
 </script>
 
 <template>
-  <Tooltip>
+  <Tooltip v-bind="$attrs">
     <div>
       <slot />
     </div>

diff --git a/packages/ui-shared/playground/story/Tooltip.story.vue b/packages/ui-shared/playground/story/Tooltip.story.vue
@@ -8,6 +8,16 @@
           <div class="max-w-[240px] p-2 text-sm">Random tooltip string</div>
         </template>
       </BaseTooltip>
+
+      <BaseTooltip class="inline-block" v-bind="{ delay: { hide: 2000 } }">
+        <BaseIcon name="circle-info" class="min-w-4 w-4 text-gray-600" />
+
+        <template #content>
+          <div class="max-w-[240px] p-2 text-sm">
+            Random tooltip string With Hide Delay
+          </div>
+        </template>
+      </BaseTooltip>
     </div>
   </Story>
 </template>