Initial commit

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

@@ -0,0 +1,40 @@
+<script setup>
+const currentTab = ref('Appetizers')
+
+const items = [
+  'Appetizers',
+  'Entrees',
+  'Deserts',
+  'Cocktails',
+]
+
+const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer. Gummies sweet brownie brownie marshmallow chocolate cake pastry. Topping macaroon shortbread liquorice dragée macaroon.'
+</script>
+
+<template>
+  <VCard>
+    <VTabs
+      v-model="currentTab"
+      grow
+    >
+      <VTab
+        v-for="item in items"
+        :key="item"
+      >
+        {{ item }}
+      </VTab>
+    </VTabs>
+
+    <VCardText>
+      <VWindow v-model="currentTab">
+        <VWindowItem
+          v-for="item in items"
+          :key="item"
+          :value="item"
+        >
+          {{ tabItemText }}
+        </VWindowItem>
+      </VWindow>
+    </VCardText>
+  </VCard>
+</template>