Tooltip
A tooltip component built on Base UI.
Installation
First install? Complete the one-time host setup.
Live preview
A small label that appears on hover or focus to explain a control — for hints, never essential text, since some assistive tech skips it.
Loading preview…
Parts
| Part | Description |
|---|---|
TooltipProvider | Shares hover-delay timing across the tooltips it wraps; mount it once near the root. |
TooltipTrigger | The element that reveals the tooltip. Use asChild to wrap your own button instead of rendering one. |
TooltipContent | The floating label. Accepts side, align, sideOffset, and showArrow. |