Components / UI components / Overlays
OverlaysExperimental alpha

Tooltip

A short non-interactive description available on hover and keyboard focus.

Tooltip preview

Hover or focus the button to read its supporting description.

Interactions use local sample data.

Usage and props

Keep essential labels visible. Tooltip content is supporting text and must not contain interactive controls.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

Root: open? · onOpenChange? · Provider: delayDuration? · Trigger/Content
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard