GitHub

Tooltip

A label that provides information on hover or focus.

Docs API

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/tooltip.json

Usage

import { 
  Tooltip, 
  TooltipContent, 
  TooltipTrigger 
} from "@/components/ui/tooltip";
<Tooltip>
  <TooltipTrigger>Hover me</TooltipTrigger>
  <TooltipContent>
    Tooltip content
  </TooltipContent>
</Tooltip>