Tooltip
Contextual information on hover with multiple style variants
Preview
Variants
Prop
Type
Usage
import {
Tooltip,
TooltipTrigger,
TooltipContent,
TooltipProvider,
} from "@/components/ui/tooltip"
<TooltipProvider>
<Tooltip>
<TooltipTrigger>Hover me</TooltipTrigger>
<TooltipContent>
<p>Tooltip text</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>Install
npx shadcn add @bonsai/tooltip