Context Menu

Actions are the consumer's

const menu = useContextMenu();

<div {...menu.triggerProps}>
	<button {...menu.buttonProps}>Actions</button>
</div>

<ContextMenu state={menu} actions={actions} />

MenuAction is an id, a label, an optional glyph and hint, and an onSelect that may be async. This component knows how to summon a menu and where to put it; it does not know what "save as Markdown" means and should not.

Where this is used

Those actions are worth reading as an example of degrading rather than hiding: the share sheet is not on most desktop browsers and the clipboard is not available over plain HTTP, and neither is a reason to remove a menu item. Each falls back to the thing the reader would have done by hand.