Files
ui/docs/content/2.components/tooltip.md
2025-03-12 14:46:34 +01:00

815 B

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/v2/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