Nuxt UI v3 is officially released!

Components

Tooltip

GitHub
Display content that appears on hover next to an element.

Usage

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

Popper

Use the popper prop to customize the popper instance.

Arrow

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

Placement

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

Offset

{
  "message": "You should use slots with <ContentRenderer>",
  "value": null,
  "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": null,
  "excerpt": false,
  "tag": "div"
}

Props

ui
{ wrapper?: string; container?: string; width?: string; background?: string; color?: string; shadow?: string; rounded?: string; ring?: string; base?: string; shortcuts?: string; middot?: string; transition?: DeepPartial<...>; popper?: DeepPartial<...>; default?: DeepPartial<...>; arrow?: DeepPartial<...>; } & { ...;...
{}
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": null,
  "excerpt": false,
  "tag": "div"
}

Toggle

Display a toggle field.

VerticalNavigation

Display a list of vertical links.