mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
36 lines
702 B
Vue
36 lines
702 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'
|
|
}]
|
|
|
|
const collapsed = ref(false)
|
|
|
|
defineShortcuts({
|
|
c: () => collapsed.value = !collapsed.value
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UDashboardSidebar v-model:collapsed="collapsed" collapsible>
|
|
<template #header>
|
|
<LogoPro class="h-5 w-auto" :collapsed="collapsed" />
|
|
</template>
|
|
|
|
<UNavigationMenu
|
|
:collapsed="collapsed"
|
|
:items="items"
|
|
orientation="vertical"
|
|
/>
|
|
</UDashboardSidebar>
|
|
</template>
|