mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Hugo
40 lines
744 B
Vue
40 lines
744 B
Vue
<script setup lang="ts">
|
|
import type { NavigationMenuItem } from '@nuxt/ui'
|
|
|
|
const items: NavigationMenuItem[] = [{
|
|
label: 'Home',
|
|
icon: 'i-lucide-house',
|
|
active: true
|
|
}, {
|
|
label: 'Inbox',
|
|
icon: 'i-lucide-inbox'
|
|
}, {
|
|
label: 'Contacts',
|
|
icon: 'i-lucide-users'
|
|
}]
|
|
</script>
|
|
|
|
<template>
|
|
<UDashboardGroup>
|
|
<UDashboardSidebar
|
|
open
|
|
toggle-side="right"
|
|
>
|
|
<template #header>
|
|
<Logo class="h-5 w-auto" />
|
|
</template>
|
|
|
|
<UNavigationMenu
|
|
:items="items"
|
|
orientation="vertical"
|
|
/>
|
|
</UDashboardSidebar>
|
|
|
|
<UDashboardPanel>
|
|
<template #header>
|
|
<UDashboardNavbar title="Dashboard" />
|
|
</template>
|
|
</UDashboardPanel>
|
|
</UDashboardGroup>
|
|
</template>
|