DropdownMenu

DropdownMenu defines how EnterUI handles keyboard-accessible menu actions anchored to a trigger, including default structure, accessible states, and token-driven styling.

#Default usage

<DropdownMenu>
  <DropdownMenuTrigger asChild><Button variant="secondary">Actions</Button></DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>Rename</DropdownMenuItem>
    <DropdownMenuItem>Duplicate</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuItem destructive>Delete</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

#Import

import {
  Button,
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@froggdesign/enter-ui-react";

#Patterns

#Accessibility

DropdownMenu uses Radix menu semantics, roving focus, keyboard navigation, typeahead, and disabled item behavior.

#API

• DropdownMenuItem supports destructive and inset.
• Checkbox, radio, label, separator, sub-menu, and shortcut primitives are exported.
• Trigger supports asChild.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.