mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
JD Solanki
41 lines
710 B
Vue
41 lines
710 B
Vue
<script setup lang="ts">
|
|
import type { DropdownMenuItem } from '@nuxt/ui'
|
|
|
|
const items: DropdownMenuItem[][] = [
|
|
[
|
|
{
|
|
label: 'View',
|
|
icon: 'i-lucide-eye'
|
|
},
|
|
{
|
|
label: 'Copy',
|
|
icon: 'i-lucide-copy'
|
|
},
|
|
{
|
|
label: 'Edit',
|
|
icon: 'i-lucide-pencil'
|
|
}
|
|
],
|
|
[
|
|
{
|
|
label: 'Delete',
|
|
color: 'error',
|
|
icon: 'i-lucide-trash'
|
|
}
|
|
]
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<UDropdownMenu :items="items" :ui="{ content: 'w-(--reka-dropdown-menu-trigger-width)' }">
|
|
<UButton
|
|
label="Open"
|
|
class="w-46"
|
|
color="neutral"
|
|
variant="outline"
|
|
block
|
|
trailing-icon="i-lucide-chevron-down"
|
|
/>
|
|
</UDropdownMenu>
|
|
</template>
|