Skip to content

ContextMenuItem ​

Overview ​

An individual action item within a context menu.

Theme entry: ContextMenuItem

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.
disabledbooleanundefinedWhen true, prevents the user from interacting with the item.
textValuestringundefinedOptional text used for typeahead purposes.
insetbooleanundefinedWhen true, adds left padding to align with items that have an icon.
variantstring"default"The visual style variant of the item.

Slots ​

default ​

Slot.

Events ​

NameDescription
selectEmitted when an item is selected.

Full event reference

Source ​

client/lib/navigation/context-menu/ContextMenuItem.vue