Context menu

Displays a menu to the user — such as a set of actions or functions — triggered by right click.

Installation

npx shadcn@latest add https://spoke.georgedrury.co.uk/r/context-menu

Lineage

Spoke

Anatomy

import {
	ContextMenu,
	ContextMenuTrigger,
	ContextMenuContent,
	ContextMenuItem,
} from "@/components/ui/context-menu"

export default () => (
	<ContextMenu>
		<ContextMenuTrigger />
		<ContextMenuContent>
			<ContextMenuItem />
		</ContextMenuContent>
	</ContextMenu>
)

Spoke utility classes

Class	Fallback chain	Description
`--context-menu-content`	`var(--popover)`	Colour for menu content context variant
`--context-menu-content-foreground`	`var(--popover-foreground)`	Text/icon colour for menu content context variant
`--context-menu-border`	`var(--border)`	Border colour for menu context variant
`--context-menu-radius`	`var(--radius-md)`	Border radius for menu
`--shadow-context-menu`	`var(--shadow-md)`	Box shadow for context menu