ContextMenu - Nuxt UI

Usage

Right click here

{
  "message": "You should use slots with <ContentRenderer>",
  "value": {},
  "excerpt": false,
  "tag": "div"
}

Popper

Use the popper prop to customize the popper instance.

Arrow

Right click here

{
  "message": "You should use slots with <ContentRenderer>",
  "value": {},
  "excerpt": false,
  "tag": "div"
}

Placement

Right click here

{
  "message": "You should use slots with <ContentRenderer>",
  "value": {},
  "excerpt": false,
  "tag": "div"
}

Offset

Right click here

{
  "message": "You should use slots with <ContentRenderer>",
  "value": {},
  "excerpt": false,
  "tag": "div"
}

Props

virtualElementrequired

Record<string, any>

{ wrapper?: string; container?: string; width?: string; background?: string; shadow?: string; rounded?: string; ring?: string; base?: string; transition?: DeepPartial<{ enterActiveClass: string; enterFromClass: string; enterToClass: string; leaveActiveClass: string; leaveFromClass: string; leaveToClass: string; }, any>; popper?: DeepPartial<{ placement: string; scroll: boolean; }, any>; arrow?: DeepPartial<{ base: string; ring: string; rounded: string; background: string; shadow: string; placement: string; }, any>; } & { [key: string]: any; } & { strategy?: Strategy; }

{}

popper

PopperOptions

{}

onClose

(...args: any[]) => any

onUpdate:modelValue

(...args: any[]) => any

modelValue

boolean

false

Config

{
  "message": "You should use slots with <ContentRenderer>",
  "value": {},
  "excerpt": false,
  "tag": "div"
}

Container

A container lets you center and constrain the width of your content.

DatePicker

An example of a date picker component built with v-calendar.