{"version":"1.0","type":"rich","title":"Tippy.js Tooltip for React Components","description":"This example demonstrates how to add a tooltip to a React component using Tippy.js. It renders a dark blue message box and displays a tooltip containing formatted text with an emphasized word when the user hovers over it. The code uses the `Tippy` component from `@tippyjs/react`, which wraps a `<div>` element and accepts a `content` prop for the tooltip’s HTML. The React app is powered by `react` and `react-dom` UMD builds, with Tippy.js and Popper.js loaded via CDN for positioning.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1fac7e80931b4cb2b28068465635f33a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}