Tooltip

A popup that displays information related to an element when it receives keyboard focus or the mouse hovers over it.

TooltipProviderroot-level provider — already set up in app/layout.tsx

TooltipContentside: top · bottom · left · right

Playground

Side— side

side="top" · "bottom" · "left" · "right"

2 semantic tokens consumed by this component.

--foregroundForeground

text-foreground

--backgroundBackground

bg-background