A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
npx shadcn-ui@latest add tooltip
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"
<TooltipProvider> <Tooltip> <TooltipTrigger>Hover</TooltipTrigger> <TooltipContent> <p>Add to library</p> </TooltipContent> </Tooltip> </TooltipProvider>