Image Tooltip
Image Tooltip component displays an image tooltip on hover, offering visual context and details about the hovered item.
Tooltip Image Reveal Animation
Uttarakhand
, I enjoy mountain trekking and exploring valleys. Right now I live in Chandigarh
. If you are around, feel free to reach me out, we could have some chai or work together.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. |