components
DropdownMenu
A menu built on Radix DropdownMenu, driven by an items array. Each row is a touch-first 44px target. Items take an optional leading icon, separators draw a hairline, labels read as muted small caps, and a danger tone paints a destructive action. This is the component the app bar overflow uses.
Basic
An icon-only trigger opens a menu with a label, items, a disabled item, a separator, and a danger action.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| trigger | ReactNode | none | The control that opens the menu. Rendered with Radix asChild. |
| items | DropdownMenuItem[] | none | Rows: { type?, label?, icon?, onSelect?, disabled?, tone? }. |
| align | "start" | "center" | "end" | "end" | Alignment against the trigger. |
| side | "top" | "right" | "bottom" | "left" | "bottom" | Side the menu opens toward. |