ui/docs/app/content/2.components/tooltip.md

description, links

description	links
Display content that appears on hover next to an element.	label icon to GitHub i-simple-icons-github https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Tooltip.vue

Usage

:component-example{component="tooltip-example"}

Popper

Use the popper prop to customize the popper instance.

Arrow

:component-example{component="tooltip-example-arrow"}

Placement

:component-example{component="tooltip-example-placement"}

Offset

:component-example{component="tooltip-example-offset"}

Slots

text

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

::component-card

slots: text: Hello World!

#text [Hello World!]{.italic} ::

Props

:component-props

Config

:component-preset