{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "tooltip-tailwind",
"type": "registry:item",
"title": "Tooltip (Tailwind)",
"description": "A popup that displays information on hover.",
"files": [
{
"path": "registry/brook/tailwind/ui/tooltip.tsx",
"content": "\"use client\";\n\nimport { Tooltip } from \"@base-ui/react/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nfunction TooltipProvider({ ...props }: Tooltip.Provider.Props) {\n return ;\n}\n\nfunction TooltipRoot({ ...props }: Tooltip.Root.Props) {\n return ;\n}\n\nfunction TooltipTrigger({ ...props }: Tooltip.Trigger.Props) {\n return ;\n}\n\nconst TooltipPortal = Tooltip.Portal;\n\nfunction TooltipPositioner({ className, ...props }: Tooltip.Positioner.Props) {\n return ;\n}\n\nfunction TooltipPopup({ className, ...props }: Tooltip.Popup.Props) {\n return (\n \n );\n}\n\nfunction TooltipArrow({ className, ...props }: Tooltip.Arrow.Props) {\n return (\n \n \n \n );\n}\n\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n return (\n \n );\n}\n\nexport {\n ArrowSvg,\n TooltipRoot as Tooltip,\n TooltipArrow,\n TooltipPopup,\n TooltipPortal,\n TooltipPositioner,\n TooltipProvider,\n TooltipTrigger,\n};\n",
"type": "registry:file",
"target": "~/components/ui/tooltip/tooltip.tsx"
}
]
}