import { Button } from "@/components/ui/button";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
export function TooltipDemo() {
return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger render={<Button variant="outline">Hover</Button>} />
<TooltipContent>
<p>Send message</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
);
}Installation
npx shadcn@latest add "https://eo-n.vercel.app/r/tooltip"Usage
Import all parts and piece them together.
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";<TooltipProvider>
<Tooltip>
<TooltipTrigger render={<Button>Send</Button>} />
<TooltipContent>
<p>Send message</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>