DWG · 03.04 · COMPONENT SPEC

DropdownMenu

A menu of actions anchored to a trigger. Keyboard-navigable with a highlighted item, optional separators, shortcuts, and destructive entries.

Default

03.04·A
PREVIEWPX · 1:1
<DropdownMenu
  trigger={<Button variant="secondary">Sheet ▾</Button>}
  items={[
    { label: "Duplicate", shortcut: "⌘D", onSelect: () => {} },
    { label: "Rename", onSelect: () => {} },
    "separator",
    { label: "Export DXF", onSelect: () => {} },
    "separator",
    { label: "Delete sheet", danger: true, onSelect: () => {} },
  ]}
/>

Disabled items

03.04·B
PREVIEWPX · 1:1
<DropdownMenu
  trigger={<Button variant="secondary">Layer ▾</Button>}
  items={[
    { label: "Lock layer", onSelect: () => {} },
    { label: "Merge down", disabled: true },
    { label: "Flatten", disabled: true },
  ]}
/>