Tooltip

Previous

A popup that displays information related to an element when hovered.

Docs
bunduicomponent

Preview

Loading preview…
examples/components/tooltip/01/page.tsx
import { Button } from "@/components/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";

export default function TooltipDemo() {
  return (
    <Tooltip>
      <TooltipTrigger asChild>
        <Button variant="outline">Hover</Button>
      </TooltipTrigger>
      <TooltipContent>
        <p>Add to library</p>
      </TooltipContent>
    </Tooltip>
  );
}

Installation

npx shadcn@latest add @bundui/tooltip

Usage

import { Tooltip } from "@/components/tooltip"
<Tooltip />