chore: update stories

oku-ui · Aug 31, 2023 · 776e8e2 · 776e8e2
1 parent da760a6
commit 776e8e2
Show file tree

Hide file tree

Showing 6 changed files with 480 additions and 33 deletions.
diff --git a/packages/components/tooltip/src/stories/Controlled.vue b/packages/components/tooltip/src/stories/Controlled.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {
+  OkuTooltip,
+  OkuTooltipArrow,
+  OkuTooltipContent,
+  OkuTooltipPortal,
+  OkuTooltipProvider,
+  OkuTooltipTrigger,
+} from '@oku-ui/tooltip'
+import { ref } from 'vue'
+
+const open = ref(true)
+</script>
+
+<template>
+  <OkuTooltipProvider>
+    <OkuTooltip v-model="open">
+      <OkuTooltipTrigger class="triggerClass">
+        I'm controlled, look I'm {{ open ? 'open' : 'closed' }}
+      </OkuTooltipTrigger>
+      <OkuTooltipPortal>
+        <OkuTooltipContent class="contentClass" :side-offset="5">
+          Nicely done!
+          <OkuTooltipArrow class="arrowClass" :offset="10" />
+        </OkuTooltipContent>
+      </OkuTooltipPortal>
+    </OkuTooltip>
+  </OkuTooltipProvider>
+</template>