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

67
resources/js/views/demos/components/tabs/DemoTabsVerticalPill.vue Normal file
View File

@@ -0,0 +1,67 @@
<script setup>
const currentTab = ref('window-1')
</script>
<template>
<div class="d-flex gap-6">
<div>
<VTabs
v-model="currentTab"
direction="vertical"
class="v-tabs-pill"
>
<VTab>
<VIcon
start
icon="tabler-user"
/>
Option 1
</VTab>
<VTab>
<VIcon
start
icon="tabler-lock"
/>
Option 2
</VTab>
<VTab>
<VIcon
start
icon="tabler-access-point"
/>
Option 3
</VTab>
</VTabs>
</div>
<VCard>
<VCardText>
<VWindow v-model="currentTab">
<VWindowItem value="window-1">
<p>
Sed aliquam ultrices mauris. Donec posuere vulputate arcu. Morbi ac felis. Etiam feugiat lorem non metus. Sed a libero.
</p>
<p class="mb-0">
Phasellus dolor. Fusce neque. Fusce fermentum odio nec arcu. Pellentesque libero tortor, tincidunt et.
</p>
</VWindowItem>
<VWindowItem value="window-2">
<p class="mb-0">
Morbi nec metus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Nunc sed turpis.
</p>
</VWindowItem>
<VWindowItem value="window-3">
<p class="mb-0">
Fusce a quam. Phasellus nec sem in justo pellentesque facilisis. Nam eget dui. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. In dui magna, posuere eget, vestibulum et, tempor auctor, justo.
</p>
</VWindowItem>
</VWindow>
</VCardText>
</VCard>
</div>
</template>