Theme-aware, responsive context menu component.
Change any prop and inspect the server-rendered component immediately.
<ContextMenu
title="Context Menu example"
description="A polished default context menu for a modern application."
open="true"
closeLabel="Context Menu"
/>Compare configurations and resize the browser to check responsive behavior.
Balanced spacing, hierarchy, and content for the most common product workflow.
<ContextMenu
title="Context Menu example"
description="A polished default context menu for a modern application."
open="true"
closeLabel="Context Menu"
/>A tighter variation for dashboards, side panels, tables, and operational interfaces.
<ContextMenu
size="sm"
title="Compact Context Menu"
description="A compact configuration for dashboards and dense product surfaces."
open="true"
closeLabel="Compact example"
/>A more expressive variation using additional data, stronger emphasis, and optional states.
<ContextMenu
size="lg"
title="Advanced Context Menu"
description="A richer configuration demonstrating additional content and hierarchy."
open="true"
closeLabel="Advanced example"
/>All content and behavior shown above is supplied through these props and slots.
| Prop | Type | Default | Required |
|---|---|---|---|
size | string | "default" | No |
color | string | "primary" | No |
title | string | "Context Menu" | No |
description | string | "" | No |
open | boolean | false | No |
placement | string | "bottom" | No |
closeLabel | string | "Close" | No |
class | string | "" | No |