From 025f556023c29f8f31dc00870c80a9d790bbb2f4 Mon Sep 17 00:00:00 2001
From: Corentin THOMASSET <corentin.thomasset74@gmail.com>
Date: Sat, 14 Oct 2023 18:24:54 +0200
Subject: refactor(ui): switched naive tooltip components to custom ones (#661)

---
 src/ui/c-tooltip/c-tooltip.demo.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'src/ui/c-tooltip/c-tooltip.demo.vue')

diff --git a/src/ui/c-tooltip/c-tooltip.demo.vue b/src/ui/c-tooltip/c-tooltip.demo.vue
index d385257..edd1364 100644
--- a/src/ui/c-tooltip/c-tooltip.demo.vue
+++ b/src/ui/c-tooltip/c-tooltip.demo.vue
@@ -1,3 +1,7 @@
+<script lang="ts" setup>
+const positions = ['top', 'bottom', 'left', 'right'] as const;
+</script>
+
 <template>
   <div>
     <c-tooltip>
@@ -14,4 +18,18 @@
       Hover me
     </c-tooltip>
   </div>
+
+  <div mt-5>
+    <h2>Tooltip positions</h2>
+
+    <div class="flex flex-wrap gap-4">
+      <div v-for="position in positions" :key="position">
+        <c-tooltip :position="position" :tooltip="`Tooltip ${position}`">
+          <c-button>
+            {{ position }}
+          </c-button>
+        </c-tooltip>
+      </div>
+    </div>
+  </div>
 </template>
-- 
cgit v1.2.3

