Popover Element
Add interactive markers to an image or video and reveal additional content exactly where it matters.
The Popover element turns any image into an interactive visual by placing markers, or hotspots, directly on it and revealing content in context. For example, highlight product details or explain complex visuals by showing information exactly where it's needed.
Position markers individually and choose whether content appears on click or hover. Popovers can open in any direction and automatically flip to stay within the viewport.
Each marker can reveal a title, meta, text, image, and link, turning it into a compact content card.
You can also use a background video instead of an image, bringing interactive overlays to moving visuals.