Files
shadcn-ui/apps/v4/examples/radix/tooltip-with-icon.tsx
2026-01-14 09:25:14 +04:00

24 lines
542 B
TypeScript

import { Button } from "@/examples/radix/ui/button"
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/examples/radix/ui/tooltip"
import { InfoIcon } from "lucide-react"
export function TooltipWithIcon() {
return (
<Tooltip>
<TooltipTrigger asChild>
<Button variant="ghost" size="icon">
<InfoIcon />
<span className="sr-only">Info</span>
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Additional information</p>
</TooltipContent>
</Tooltip>
)
}