Tooltip
A popup that displays information when hovering over an element.
Usage
Note: Wrap your app or layout with
TooltipProvideronce to configure all tooltips.
Placement
Use the side prop on TooltipContent to control placement.
Sub-components
TooltipProvider
Global tooltip configuration wrapper.
| Prop | Type | Default | Description |
|---|---|---|---|
delayDuration | number | 0 | Delay in ms before tooltip appears. |
skipDelayDuration | number | 300 | Time to skip delay when moving between tooltips. |
TooltipContent
Tooltip popup content.
| Prop | Type | Default | Description |
|---|---|---|---|
side | 'top' | 'right' | 'bottom' | 'left' | - | Which side of the trigger to show on. |
sideOffset | number | 4 | Distance from the trigger in pixels. |
TooltipTrigger
Element that triggers the tooltip on hover.