DropdownMenu

stable

Contextual menu triggered by button press

OverlaysInteractive/Storybook ↗

import { DropdownMenu } from "@nodus/design-system"

Props

Prop	Type	Default	Description
`trigger`req	`ReactNode`	—	Element that opens the menu
`items`req	`DropdownMenuItem[]`	—	Menu items with label, onClick, disabled, destructive
`align`	`"start" \| "end"`	"start"	Menu alignment relative to trigger

triggerrequired

Type ReactNodeDefault —

Element that opens the menu

itemsrequired

Type DropdownMenuItem[]Default —

Menu items with label, onClick, disabled, destructive

align

Type "start" | "end"Default "start"

Menu alignment relative to trigger

MobileTouch Target

Menu items must be ≥44px tall. On mobile, consider a bottom sheet pattern instead of a floating menu for primary navigation actions.

Design Rationale

This component was designed to express:

Floating content panel anchored to a trigger element

Dropdown selection with Radix-powered accessible listbox

Was this helpful?