feat: allow ReactNode as content for flexible tooltips (text, icons, rich formatting)

mateuscamaccho · mateuscamaccho · commit ab1476326bb7 · 2025-10-02T17:27:01.000-03:00
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
@@ -2,7 +2,7 @@ import * as Tooltip from "@radix-ui/react-tooltip";
 import { ReactNode } from "react";
 
 interface TooltipWrapperProps {
-  content: string; // o texto que vai aparecer no tooltip
+  content: ReactNode; // o texto que vai aparecer no tooltip
   children: ReactNode; // o trigger (qualquer elemento)
   side?: "top" | "right" | "bottom" | "left"; // posição opcional
 }

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import * as Tooltip from "@radix-ui/react-tooltip";`
`2`	`2`	`import { ReactNode } from "react";`
`3`	`3`
`4`	`4`	`interface TooltipWrapperProps {`
`5`		`- content: string; // o texto que vai aparecer no tooltip`
	`5`	`+ content: ReactNode; // o texto que vai aparecer no tooltip`
`6`	`6`	`children: ReactNode; // o trigger (qualquer elemento)`
`7`	`7`	`side?: "top" \| "right" \| "bottom" \| "left"; // posição opcional`
`8`	`8`	`}`