{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tooltip3",
  "title": "Tooltip",
  "description": "A tooltip is a small overlay that appears when the user hovers over an element. Each tooltip variant is drop-in compatible with Radix UI and Base UI.",
  "files": [
    {
      "path": "contents/components/tooltip/3/index.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button size=\"sm\" variant=\"outline\">\n            Stats\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"py-3\">\n          <ul className=\"grid gap-3 text-xs\">\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Status</span>\n              <span className=\"font-medium\">Completed</span>\n            </li>\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Code Coverage</span>\n              <span className=\"font-medium\">94.3%</span>\n            </li>\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Last Deploy</span>\n              <span className=\"font-medium\">Today at 15:42</span>\n            </li>\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Performance Score</span>\n              <span className=\"font-medium\">98/100</span>\n            </li>\n          </ul>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/tooltip3.tsx"
    }
  ],
  "type": "registry:component"
}