LLabanaat

DropdownMenu

Action list with full keyboard support (typeahead, arrow-key navigation, escape-to-close), built on Radix's Dropdown Menu primitive.

<DropdownMenu>
  <DropdownMenuTrigger asChild><Button variant="outline">Actions ▾</Button></DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>Edit member</DropdownMenuItem>
    <DropdownMenuItem>Copy invite link</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuItem destructive>Remove from workspace</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Editable — change the code above and the preview updates live.

Installation

import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "@labanaat/ui/dropdown-menu";

Props

DropdownMenuItem accepts a destructive boolean for danger-styled actions, plus Radix's DropdownMenu.Item props (onSelect, disabled). The rest follow Radix's Dropdown Menu API directly.