Overlays
Tooltip
A paper chip for the name of a symbol.
npx shadcn@latest add https://ui.netm8.com/r/tooltip.json@base-ui/react
Overlays
A paper chip for the name of a symbol.
npx shadcn@latest add https://ui.netm8.com/r/tooltip.jsonimport { Lamp } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
export default function TooltipDemo() {
return (
<Tooltip>
<TooltipTrigger render={<Button variant="outline" size="icon" aria-label="Lamp" />}>
<Lamp />
</TooltipTrigger>
<TooltipContent>Lamp</TooltipContent>
</Tooltip>
)
}