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

useTooltip API

API reference for the useTooltip composable.

Explore these related pages for additional context and usage patterns.

PageCategory
useTooltipPlugins
TooltipDisclosure
useDelaySystem
usePopoverSystem

Functions

createTooltipFallback

() => TooltipContext

Synthesized fallback used when `useTooltip()` is called without `app.use(createTooltipPlugin())`. Returns a fresh context with the documented defaults — `<Tooltip.Root>` keeps working but warmup coordination is per-instance instead of region-wide.

createTooltipContext

<_E>(_options?: TooltipPluginOptions | undefined) => ContextTrinity<_E>

createTooltipPlugin

(_options?: TooltipPluginOptions | undefined) => Plugin

useTooltip

<_E>(namespace?: string) => _E

Options

openDelay

MaybeRefOrGetter<number> | undefined

Default open delay in ms.

Default: 700

closeDelay

MaybeRefOrGetter<number> | undefined

Default close delay in ms.

Default: 150

skipDelay

MaybeRefOrGetter<number> | undefined

Window in ms after a tooltip closes during which the next open is instant.

Default: 300

disabled

MaybeRefOrGetter<boolean> | undefined

Disable all tooltips in this region.

Default: false

Properties

openDelay

Readonly<Ref<number, number>>

Reactive open delay in ms.

closeDelay

Readonly<Ref<number, number>>

Reactive close delay in ms.

skipDelay

Readonly<Ref<number, number>>

Reactive skip-window length in ms.

disabled

Readonly<Ref<boolean, boolean>>

Reactive disabled flag for the region.

isAnyOpen

Readonly<Ref<boolean, boolean>>

True when at least one tooltip is currently open in this region.

Methods

shouldSkipOpenDelay

() => boolean

Returns true when the next opening tooltip should skip its open delay.

register

(input?: Partial<RegistryTicketInput>) => RegistryTicket

Register an open tooltip with the region.

unregister

(id: ID) => void

Unregister a tooltip and stamp the close timestamp.

Was this page helpful?
Ctrl+/