first commit

resources/js/views/demos/components/tabs/DemoTabsBasic.vue

@@ -0,0 +1,24 @@
+<script setup>
+const currentTab = ref(0)
+const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
+</script>
+
+<template>
+  <VTabs v-model="currentTab">
+    <VTab>Tab One</VTab>
+    <VTab>Tab Two</VTab>
+    <VTab>Tab Three</VTab>
+  </VTabs>
+
+  <VWindow
+    v-model="currentTab"
+    class="mt-5"
+  >
+    <VWindowItem
+      v-for="item in 3"
+      :key="item"
+    >
+      {{ tabItemContent }}
+    </VWindowItem>
+  </VWindow>
+</template>