Components
Loading preview...
Enhanced shadcn/ui tooltip
npx shadcn@latest add https://21st.dev/r/originui/tooltipimport { Button } from "@/components/ui/button";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
function Component() {
return (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button variant="outline" size="sm">
Stats
</Button>
</TooltipTrigger>
<TooltipContent className="py-3">
<ul className="grid gap-3 text-xs">
<li className="grid gap-0.5">
<span className="text-muted-foreground">Status</span>
<span className="font-medium">Completed</span>
</li>
<li className="grid gap-0.5">
<span className="text-muted-foreground">Code Coverage</span>
<span className="font-medium">94.3%</span>
</li>
<li className="grid gap-0.5">
<span className="text-muted-foreground">Last Deploy</span>
<span className="font-medium">Today at 15:42</span>
</li>
<li className="grid gap-0.5">
<span className="text-muted-foreground">Performance Score</span>
<span className="font-medium">98/100</span>
</li>
</ul>
</TooltipContent>
</Tooltip>
</TooltipProvider>
);
}
export { Component };