Tooltip

A popup that displays information related to an element when hovered or focused. Built on Base UI Tooltip primitive.

Installation

npx shadcn add tooltip --registry https://ui.ch.sh/r

Usage

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

export default function Example() {
  return (
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger>Hover me</TooltipTrigger>
        <TooltipContent>Tooltip text</TooltipContent>
      </Tooltip>
    </TooltipProvider>
  )
}