Context Menu
Floating paper menus (Level 3) with flat, low-noise menu items.
Basic Usage
Right-click here
Shadow Offset
Two shadow offset levels. Context Menu defaults to compact (3px) for dense UIs.
Compact (Default)
Small shadow offset (3px) for dense layouts and frequent interactions.
Right-click for compact menu
Spacious
Large shadow offset (6px) for hero moments and prominent interactions.
Right-click for spacious menu
With Checkboxes
Right-click to toggle options
With Radio Selection
Right-click to change view mode
Current: grid
API Reference
Context Menu component with shadow offset variants.
ContextMenuContent Props
PropTypeDescription
offset"compact" | "spacious"Shadow offset level (default: compact)Offset Levels
OffsetShadowUse Case
compact3pxDense UIs, frequent interactions (default)spacious6pxHero moments, prominent menus