From e1b09361054ace265a03bb66a144a534b248fc3f Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 24 Jul 2024 14:22:02 +0200
Subject: [PATCH] docs(tabs): update examples

---
 ...lueExample.vue => TabsSelectedExample.vue} |  7 ++++
 .../examples/tooltip/TooltipOpenExample.vue   | 16 +++++++++
 docs/content/3.components/tabs.md             | 34 ++++---------------
 3 files changed, 30 insertions(+), 27 deletions(-)
 rename docs/app/components/content/examples/tabs/{TabsModelValueExample.vue => TabsSelectedExample.vue} (58%)
 create mode 100644 docs/app/components/content/examples/tooltip/TooltipOpenExample.vue

diff --git a/docs/app/components/content/examples/tabs/TabsModelValueExample.vue b/docs/app/components/content/examples/tabs/TabsSelectedExample.vue
similarity index 58%
rename from docs/app/components/content/examples/tabs/TabsModelValueExample.vue
rename to docs/app/components/content/examples/tabs/TabsSelectedExample.vue
index bce59b25..34d3ecc2 100644
--- a/docs/app/components/content/examples/tabs/TabsModelValueExample.vue
+++ b/docs/app/components/content/examples/tabs/TabsSelectedExample.vue
@@ -9,6 +9,13 @@ const items = [
 ]
 
 const selected = ref('1')
+
+// Note: This is for demonstration purposes only.
+onMounted(() => {
+  setInterval(() => {
+    selected.value = selected.value === '0' ? '1' : '0'
+  }, 1000)
+})
 </script>
 
 <template>
diff --git a/docs/app/components/content/examples/tooltip/TooltipOpenExample.vue b/docs/app/components/content/examples/tooltip/TooltipOpenExample.vue
new file mode 100644
index 00000000..3bac6e66
--- /dev/null
+++ b/docs/app/components/content/examples/tooltip/TooltipOpenExample.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+const open = ref(true)
+
+// Note: This is for demonstration purposes only.
+onMounted(() => {
+  setInterval(() => {
+    open.value = !open.value
+  }, 1000)
+})
+</script>
+
+<template>
+  <UTooltip v-model:open="open" text="Open on GitHub">
+    <UButton icon="i-simple-icons-github" />
+  </UTooltip>
+</template>
diff --git a/docs/content/3.components/tabs.md b/docs/content/3.components/tabs.md
index 07461ade..e8c91c21 100644
--- a/docs/content/3.components/tabs.md
+++ b/docs/content/3.components/tabs.md
@@ -117,43 +117,23 @@ props:
 ---
 ::
 
-### Default value
+## Examples
 
-Use the `default-value` prop to set the default value of the Tabs with the index of the item. You can also pass the value of one of the items if provided.
+### Control selected tab
 
-::component-code
----
-ignore:
-  - items
-  - content
-  - defaultValue
-external:
-  - items
-hide:
-  - class
-props:
-  defaultValue: '1'
-  class: 'w-full'
-  content: false
-  items:
-    - label: Account
-    - label: Password
----
-::
-
-### Model value
-
-You can control the selected tab by using the `v-model` directive.
+You can control the selected tab by using the `default-value` prop or the `v-model` directive with the index of the item.
 
 ::component-example
 ---
-name: 'tabs-model-value-example'
+name: 'tabs-selected-example'
 props:
   class: 'w-full'
 ---
 ::
 
-## Examples
+::tip
+You can also pass the value of one of the items if provided.
+::
 
 ### With content slot