Tooltip

Hover/focus tooltip built on @radix-ui/react-tooltip. Exports a shorthand that takes content as a prop, plus primitive parts for custom composition.

$npx shadcn@latest add https://ui.btng.studio/r/tooltip

Default

Hover or focus the trigger. Content appears after a short delay (Radix default).

Sides

side controls placement. Radix handles flipping when there's no room.

Setup

Wrap your app (or the subtree that uses tooltips) in TooltipProvider. It shares delay state across siblings so a hovered tooltip doesn't re-delay when you move to an adjacent one.