From 0c0ff7b1005577dd3848e40607a29d0451c146d8 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 18 Mar 2024 22:05:17 +0100
Subject: [PATCH] playground(tooltip): improve

---
 playground/pages/tooltip.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/playground/pages/tooltip.vue b/playground/pages/tooltip.vue
index 834a6013..3a98d383 100644
--- a/playground/pages/tooltip.vue
+++ b/playground/pages/tooltip.vue
@@ -1,5 +1,21 @@
 <template>
-  <UTooltip text="Tooltip" :shortcuts="['⌘', 'K']" arrow>
-    <UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" />
-  </UTooltip>
+  <div class="flex flex-col">
+    <UTooltip text="Top" :shortcuts="['⌘', 'T']" :content="{ side: 'top' }" arrow>
+      <UAvatar text="T" />
+    </UTooltip>
+
+    <div class="flex items-center gap-2 -ml-[20px]">
+      <UTooltip text="Left" :shortcuts="['⌘', 'L']" :content="{ side: 'left' }" arrow>
+        <UAvatar text="L" />
+      </UTooltip>
+
+      <UTooltip text="Right" :shortcuts="['⌘', 'R']" :content="{ side: 'right' }" arrow>
+        <UAvatar text="R" />
+      </UTooltip>
+    </div>
+
+    <UTooltip text="Bottom" :shortcuts="['⌘', 'B']" arrow>
+      <UAvatar text="B" />
+    </UTooltip>
+  </div>
 </template>