Context Menu
A right-click context menu with items, groups, and sub-menus.
Usage
Sub-components
ContextMenuTrigger
Element that opens the context menu on right-click.
ContextMenuContent
The context menu panel.
ContextMenuItem
A menu item.
| Prop | Type | Default | Description |
|---|---|---|---|
inset | boolean | - | Add left padding to align with items that have icons. |
variant | 'default' | 'destructive' | 'default' | Visual style variant. |
ContextMenuCheckboxItem
A checkbox menu item.
| Prop | Type | Default | Description |
|---|---|---|---|
checked | boolean | - | Checked state. Use with v-model:checked. |
ContextMenuRadioGroup
Groups radio items.
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | - | Selected value. Use with v-model. |
ContextMenuRadioItem
A radio menu item.
| Prop | Type | Default | Description |
|---|---|---|---|
value* | string | - | The value for this radio option. |
ContextMenuLabel
A label for a group.
| Prop | Type | Default | Description |
|---|---|---|---|
inset | boolean | - | Add left padding. |
ContextMenuSeparator
Visual divider.
ContextMenuShortcut
Keyboard shortcut hint.
ContextMenuSub
Container for a sub-menu.
ContextMenuSubTrigger
Item that opens a sub-menu.
| Prop | Type | Default | Description |
|---|---|---|---|
inset | boolean | - | Add left padding. |
ContextMenuSubContent
The sub-menu panel.