mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
34 lines
601 B
Vue
34 lines
601 B
Vue
<script setup lang="ts">
|
|
import type { TabsItem } from '@nuxt/ui'
|
|
|
|
const items: TabsItem[] = [{
|
|
label: 'All',
|
|
value: 'all'
|
|
}, {
|
|
label: 'Unread',
|
|
value: 'unread'
|
|
}]
|
|
</script>
|
|
|
|
<template>
|
|
<UDashboardNavbar title="Inbox">
|
|
<template #leading>
|
|
<UDashboardSidebarCollapse />
|
|
</template>
|
|
|
|
<template #trailing>
|
|
<UBadge label="4" variant="subtle" />
|
|
</template>
|
|
|
|
<template #right>
|
|
<UTabs
|
|
:items="items"
|
|
default-value="all"
|
|
size="sm"
|
|
class="w-40"
|
|
:content="false"
|
|
/>
|
|
</template>
|
|
</UDashboardNavbar>
|
|
</template>
|