Gengar UI

Tooltip

Terminal-style tooltips that provide helpful information on hover.

Installation

npm install @radix-ui/react-tooltip

Usage

import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/components/ui/tooltip"

export function TooltipDemo() {
  return (
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger>
          Hover over me
        </TooltipTrigger>
        <TooltipContent>
          <p>Helpful information here</p>
        </TooltipContent>
      </Tooltip>
    </TooltipProvider>
  )
}