Skip to main content
Vuetify0 is now in beta!
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

Tooltip API

API reference for the Tooltip components.

Explore these related pages for additional context and usage patterns.

PageCategory
TooltipDisclosure
useTooltipPlugins
usePopoverSystem
PopoverDisclosure

Tooltip.Root

Props

openDelay

number | undefined

Delay in ms before opening; falls back to the region delay when omitted

closeDelay

number | undefined

Delay in ms before closing; falls back to the region delay when omitted

disabled

boolean | undefined

Whether the tooltip is disabled (also disabled when the region is)

Default: false

interactive

boolean | undefined

Whether the content stays open while hovered, allowing pointer interaction

Default: false

positionArea

string | undefined

CSS anchor-positioning `position-area` for the content (default `top`)

Default: "top"

positionTry

string | undefined

CSS anchor-positioning `position-try` fallbacks (default `most-height top`)

Default: "most-height top"

namespace

string | undefined

Dependency-injection namespace (default `v0:tooltip`)

Default: "v0:tooltip"

modelValue

boolean | undefined

Default: false

Events

update:model-value

[value: boolean]

Slots

default

TooltipRootSlotProps

Tooltip.Activator

Props

namespace

string | undefined

Default: "v0:tooltip"

Slots

default

TooltipActivatorSlotProps

Tooltip.Content

Props

namespace

string | undefined

Default: "v0:tooltip"

Slots

default

TooltipContentSlotProps
Was this page helpful?

Ctrl+/