Context Menu

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

Preview Docs

Features

Right-click activation on desktop devices

Long-press support for mobile touchscreens

Nested submenus for hierarchical actions

Support for icons, shortcuts, and descriptions

Checkbox and radio items for togglable options

Automatic positioning to stay within viewport

Shadcn/ui Context Menu - Figma Component

Displays a menu to the user — such as a set of actions or functions — triggered by a button. This Figma component is part of our comprehensive design system that brings the popular shadcn/ui library into your design workflow.

Every Context Menu variant includes all the necessary states, properties, and styling options you need to create consistent, production-ready designs. The component seamlessly integrates with your existing Figma files and maintains full compatibility with the shadcn/ui React implementation.

Your questions, answered

Context menus in Figma

The shadcn/ui figma Context Menu appears on right-click with contextual actions. Design file managers, image editors, and data tables in Figma with right-click menus. This shadcn figma component matches the Radix UI implementation perfectly.

Designing context-aware menus

Design context menus in Figma that show relevant actions for each item type—different options for files, folders, or images. The shadcn/ui figma component includes submenus, separators, and keyboard shortcuts for complete menu designs.

Context Menu vs Dropdown

Use the shadcn figma Context Menu for right-click actions and Dropdown Menu for explicit button clicks. Design the right pattern in Figma for each use case—context menus for item actions, dropdowns for toolbar menus.

Mobile context menu patterns

Design mobile alternatives in Figma with the shadcn/ui figma component—long-press gestures or three-dot buttons. Prototype mobile-friendly menu interactions that work on touch devices without right-click.