Tooltip
A film of glass naming whatever the pointer rests on.
Install
$ pnpm dlx shadcn@latest add https://vitrumui.vercel.app/r/tooltip.jsonExamples
Default
"use client";
import { Button } from "@/components/ui/button";
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip";
export function TooltipDemo() {
return (
<Tooltip>
<TooltipTrigger asChild>
<Button variant="film">Hover me</Button>
</TooltipTrigger>
<TooltipContent>A film of glass naming things.</TooltipContent>
</Tooltip>
);
}API
<TooltipContent />
| Prop | Type | Default | Description |
|---|---|---|---|
| sideOffset | number | 6 | Gap from the trigger, px. |