mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-15 20:48:12 +01:00
35 lines
703 B
Vue
35 lines
703 B
Vue
<script setup lang="ts">
|
|
import type { BreadcrumbItem } from '@nuxt/ui'
|
|
|
|
const items = [{
|
|
label: 'Home',
|
|
to: '/'
|
|
}, {
|
|
slot: 'dropdown' as const,
|
|
icon: 'i-lucide-ellipsis',
|
|
children: [{
|
|
label: 'Documentation'
|
|
}, {
|
|
label: 'Themes'
|
|
}, {
|
|
label: 'GitHub'
|
|
}]
|
|
}, {
|
|
label: 'Components',
|
|
to: '/components'
|
|
}, {
|
|
label: 'Breadcrumb',
|
|
to: '/components/breadcrumb'
|
|
}] satisfies BreadcrumbItem[]
|
|
</script>
|
|
|
|
<template>
|
|
<UBreadcrumb :items="items">
|
|
<template #dropdown="{ item }">
|
|
<UDropdownMenu :items="item.children">
|
|
<UButton :icon="item.icon" color="neutral" variant="link" class="p-0.5" />
|
|
</UDropdownMenu>
|
|
</template>
|
|
</UBreadcrumb>
|
|
</template>
|