Tooltip
Terminal-style tooltips that provide helpful information on hover.
Installation
npm install @radix-ui/react-tooltip
Usage
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip"
export function TooltipDemo() {
return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
Hover over me
</TooltipTrigger>
<TooltipContent>
<p>Helpful information here</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)
}