opinion
ContextMenu
A menu that opens at the cursor on right-click, or on a long press on touch.
File tileRight-click or long-press the tile
depot-fascia-final.pdf
1.4 MB · Depot signage
mark-stacked.svg (read-only)
van-livery-photos.zip
In context
Project filesEvery row carries its own menu
depot-fascia-final.pdf
1.4 MB
Depot signagevan-livery-photos.zip
48 MB
Harbour rebrandinterview-03-walkthrough.mp4
212 MB
Crew interviewsrota-export-march.csv
90 KB
Rota exportmark-stacked.svg
8 KB
Harbour rebrandProps
| Prop | Type | Required | Default |
|---|---|---|---|
children | ReactNode | Yes | — |
items | ContextMenuItem[] | Yes | — |
open | boolean | undefined | No | — |
defaultOpen | boolean | undefined | No | — |
onOpenChange | ((open: boolean) => void) | undefined | No | — |
longPressDelay | number | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="context-menu" on the wrapper; the menu carries data-rebar-part="menu" | "item" | "separator", plus data-rebar-danger on destructive items.
Migrating to Ant Design
Not codemod-covered — AntD has no dedicated context-menu component of its own; its Dropdown supports a trigger={["contextMenu"]} mode that's the closest direct equivalent on migration.