Skip to results

Design Context Menus

Components · menus

Updated 2026-07-28

Context menus provide nearby actions.
Good context menus:

Appear near the target.
Contain relevant actions.
Avoid unnecessary options.

Group actions:

Information:

View.
Copy.

Changes:

Edit.
Move.

Dangerous:

Delete.

Context should determine available actions.

Open near the target.
Stay inside the viewport.
Group related actions.
Separate destructive actions.

Support:

Keyboard navigation.

Escape closing.

Clear focus.

A context menu should feel like an extension of the object.

Related guides