Image Tooltip
Image Tooltip component displays an image tooltip on hover, offering visual context and details about the hovered item.
Tooltip Image Reveal Animation
Loading...
Installation
Run the following command:
npx gopx-webui add image-tooltipProps
| Prop | Type | Required | Description |
|---|---|---|---|
text | string | Yes | The text that will be displayed within the tooltip. |
Icon | React.FC<SVGProps<SVGSVGElement>> | No | An optional SVG icon component to be displayed alongside the text. |
hoverImage | { src: string; alt: string; width: number; height: number; } | No | An optional object containing the source URL, alt text, width, and height of the image to be displayed on hover. |
Last updated on