Tooltip API

Description tooltip with hover and focus triggers, configurable open/close delays, and an optional interactive-content mode.

Explore these related pages for additional context and usage patterns.

Page	Category
Tooltip	Disclosure
useTooltip	Plugins
usePopover	System
Popover	Disclosure

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

update:model-value

[value: boolean]

default

TooltipRootSlotProps

namespace

string | undefined

Default: "v0:tooltip"

default

TooltipActivatorSlotProps

namespace

string | undefined

Default: "v0:tooltip"

default

TooltipContentSlotProps

Tooltip API

Tooltip.Root

Props

openDelay

closeDelay

disabled

interactive

positionArea

positionTry

namespace

modelValue

Events

update:model-value

Slots

default

Tooltip.Activator

Props

namespace

Slots

default

Tooltip.Content

Props

namespace

Slots

default