Tooltip
Floating tooltip with spring-based animations, configurable placement, and rich content support.
Installation
Installs the Base UI flavor. Switch in the right panel.
Basic
Inspect
Placement
Inspect
Rich Content
Inspect
Delay
Inspect
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| content | ReactNode | — | The content displayed inside the tooltip. |
| children | ReactElement | — | The trigger element. Must accept a ref. |
| side | "top" | "right" | "bottom" | "left" | "top" | Preferred side of the trigger to render the tooltip. |
| sideOffset | number | 8 | Distance in pixels between the tooltip and the trigger. |
| delayDuration | number | 200 | Milliseconds to wait before showing the tooltip on hover. |
| className | string | — | Additional classes applied to the tooltip content container. |