DropdownMenuItem

Source: client/lib/theme/vueda-tailwind/navigation/index.js

Selectable menu row. Focus uses neutral accent, destructive rows tint text and focus fill without changing the surface recipe.

Vue component: DropdownMenuItem

Slot	Default classes	Description
root	6 classes	Selectable menu row. Focus uses neutral accent, destructive rows tint text and focus fill without changing the surface recipe.

root

Selectable menu row. Focus uses neutral accent, destructive rows tint text and focus fill without changing the surface recipe.

Default classes:

focus:bg-accent focus:text-accent-foreground active:bg-accent-active active:text-accent-foreground
data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive
data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground
relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none
data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8
[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4

Source: client/lib/theme/vueda-tailwind/navigation/DropdownMenuItem.theme.js:16