Basic

A simple tooltip with a trigger element. Wrap your app with TooltipProvider for shared delay settings.

Hover me

Sides

Use the side prop on TooltipContent to position the tooltip relative to the trigger. Options are top, right, bottom, and left.

TopRightBottomLeft

With Arrow

Use TooltipArrow inside TooltipContent to add a visual pointer connecting the tooltip to its trigger.

With arrowNo arrow