ClankDesign
Clank Design/ContextMenu

Collections / headless primitive

ContextMenu

Pointer, touch, and keyboard context actions.

Anatomy reference Framework guide
280–1600px; fits available space.
ContextMenu / interactiveFluid · fits available space
↖Right-click this canvasOr press Shift + F10

Semantic parts

Spread each part getter onto the matching element, then style its stable state attributes.

triggerportalbackdroppositionerpopuparrowitemlink-itemsubmenu-rootsubmenu-triggergroupgroup-labelradio-groupradio-itemradio-item-indicatorcheckbox-itemcheckbox-item-indicatorseparator

Keyboard guidance

First focus the canvas target. Shift+F10 or the Context Menu key opens its menu. The displayed command badges are labels, not registered application shortcuts.

Keys from the Clank controller contract, with preview and configuration notes. Disabled or read-only controls may prevent changes.

Shift+F10
Open the context menu from its keyboard target
ContextMenu
Open the context menu from its keyboard target
ArrowDown
Focus the next enabled item
ArrowUp
Focus the previous enabled item
Home
Focus the first enabled item
End
Focus the last enabled item
ArrowRight
Open a submenu in left-to-right layouts or close it in right-to-left layoutsOnly where a submenu is configured; this preview has no submenus.
ArrowLeft
Close a submenu in left-to-right layouts or open it in right-to-left layoutsOnly where a submenu is configured; this preview has no submenus.
Enter
Activate the focused item
Space
Activate the focused item
Escape
Close and restore trigger focus
Tab
Close without trapping document focus