Tooltip API

Content to be wrapped by the provider

Delay in milliseconds before the tooltip opens on hover

Duration in milliseconds after closing before the delay applies again to the next tooltip

When true, disables the ability to hover over tooltip content to keep it open

Trigger and Content components

Controlled open state; when provided, component becomes controlled

Initial open state when uncontrolled

Callback fired when tooltip open state changes

Override the Provider's delayDuration for this tooltip instance

Override the Provider's disableHoverableContent for this tooltip instance

When true, render as the child element instead of a button wrapper

All standard HTML button attributes (onClick, className, disabled, etc.)

Tooltip Content component

DOM element to portal content into; defaults to document.body

When true, Content is mounted to the DOM regardless of open state

When true, render as the child element instead of a div wrapper

When true, Content is mounted to the DOM regardless of open state

Preferred position relative to the trigger

Distance in pixels between trigger and tooltip content

Alignment of content relative to trigger along the side axis

Offset in pixels along the align axis

Distance in pixels to keep arrow from edge of content

When true, adjust position to avoid viewport collisions

Distance in pixels to keep content from viewport edge

Callback fired when Escape key is pressed on content

Callback fired when pointer down occurs outside content

All standard HTML div attributes (className, style, etc.)

SVG arrow width in pixels

SVG arrow height in pixels

All standard SVG attributes (className, style, etc.)

Visual style variant

Maximum width of content in pixels or any CSS value

When true, renders an arrow pointing to the trigger

Additional CSS class names, merged with variant styles

Distance between trigger and content in pixels

All primitive content props (side, align, forceMount, etc.) and standard div attributes

Element to trigger the tooltip on hover/focus

Text or content to display inside the tooltip

Position of tooltip relative to trigger

Alignment of tooltip along the side axis

Visual style variant

Maximum width of tooltip content

Whether to show an arrow pointing to the trigger

When true, tooltip is disabled and children render unwrapped

Delay in milliseconds before tooltip opens

Duration before delay resets after closing

All button trigger props (className, onClick, etc.)