Actions and overlays

Context menu

components/ui/context-menu

Actions where you right-click or long press.

Mockup.figRight-click or long press, or focus and press Enter

No action yet

Craft notes

Opens at the pointer on right-click, or at the touch point after a long press
On a keyboard, focus the area and press Enter, Space or the menu key; arrows move and Escape closes
Destructive items play the remove sound instead of the option click

Play it

Right-click the area and choose Rename, then open it again and choose Delete.

Sounds: context, option, remove

Variants

Every prop combination the component supports. The chip on each card is the exact props it passes.

With a destructive item
items={[..., { label: "Delete", danger: true }]}
Delete is set apart in the error color and plays remove.
Mockup.figRight-click or long press, or focus and press Enter
No action yet
Neutral actions
items={[{ label: "Open" }, ...]}
Every item plays the same crisp option click.
Mockup.figRight-click or long press, or focus and press Enter
No action yet