Tooltip

A film of glass naming whatever the pointer rests on.

Install

$ pnpm dlx shadcn@latest add https://vitrumui.vercel.app/r/tooltip.json

Examples

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.