moein/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Moein Moradi
2025-08-04 16:33:07 +03:30
commit f798e8e35c
9595 changed files with 1208683 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
resources/js/views/demos/components/tabs/DemoTabsStacked.vue Normal file
View File

@@ -0,0 +1,50 @@
<script setup>
const currentTab = ref('tab-1')
const tabItemText = 'Biscuit cheesecake gingerbread oat cake tiramisu. Marzipan tiramisu jelly-o muffin biscuit jelly cake pie. Chocolate cookie candy croissant brownie cupcake powder cheesecake. Biscuit sesame snaps biscuit topping tiramisu croissant.'
</script>
<template>
<VCard>
<VTabs
v-model="currentTab"
grow
stacked
>
<VTab>
<VIcon
icon="tabler-phone"
class="mb-2"
/>
<span>Recent</span>
</VTab>
<VTab>
<VIcon
icon="tabler-heart"
class="mb-2"
/>
<span>Favorites</span>
</VTab>
<VTab>
<VIcon
icon="tabler-user"
class="mb-2"
/>
<span>Nearby</span>
</VTab>
</VTabs>
<VCardText>
<VWindow v-model="currentTab">
<VWindowItem
v-for="i in 3"
:key="i"
:value="`tab-${i}`"
>
{{ tabItemText }}
</VWindowItem>
</VWindow>
</VCardText>
</VCard>
</template>