Tooltip

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

Installation

pnpm dlx shadcn@latest add https://blok-staging.vercel.app/r/tooltip.json

Add the TooltipProvider component.

Mount in your root layout src/app/layout.tsx so tooltips can render anywhere in the app.

Note: Tooltips use the nearest TooltipProvider. If a tooltip needs different settings, such as delayDuration, wrap it in its own TooltipProvider.

Usage