35 lines
489 B
Vue
35 lines
489 B
Vue
|
<script setup>
|
||
|
|
const tabs = [
|
||
|
|
{
|
||
|
|
badge: '3',
|
||
|
|
content: 'Item One',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
badge: '1',
|
||
|
|
content: 'Item Two',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
badge: '2',
|
||
|
|
content: 'Item Three',
|
||
|
|
},
|
||
|
|
]
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<VTabs grow>
|
||
|
|
<VTab
|
||
|
|
v-for="tab in tabs"
|
||
|
|
:key="tab.content"
|
||
|
|
:value="tab.content"
|
||
|
|
>
|
||
|
|
<VBadge
|
||
|
|
:content="tab.badge"
|
||
|
|
:offset-x="-18"
|
||
|
|
:offset-y="6"
|
||
|
|
>
|
||
|
|
{{ tab.content }}
|
||
|
|
</VBadge>
|
||
|
|
</VTab>
|
||
|
|
</VTabs>
|
||
|
|
</template>
|