Tooltip - Nuxt UI

Usage

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

Popper

Use the popper prop to customize the popper instance.

Arrow

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

Placement

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

Offset

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

Slots

`text`

Use the #text slot to override the content of the text.

Hover

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

{ wrapper?: string; container?: string; width?: string; background?: string; color?: string; shadow?: string; rounded?: string; ring?: string; base?: string; shortcuts?: string; middot?: string; transition?: DeepPartial<{ enterActiveClass: string; enterFromClass: string; enterToClass: string; leaveActiveClass: string; leaveFromClass: string; leaveToClass: string; }, any>; popper?: DeepPartial<{ strategy: string; }, any>; default?: DeepPartial<{ openDelay: number; closeDelay: number; }, any>; arrow?: DeepPartial<{ base: string; ring: string; rounded: string; background: string; shadow: string; placement: string; }, any>; } & { [key: string]: any; } & { strategy?: Strategy; }

{}

text

string

null

popper

PopperOptions

{}

shortcuts

string[]

[]

openDelay

number

config.default.openDelay

closeDelay

number

config.default.closeDelay

prevent

boolean

false

Config

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

Toggle

Display a toggle field.

VerticalNavigation

Display a list of vertical links.