Custom Overlay
A custom element can be provided to be rendered as a thumbnail overlay on hover.
const image1 = {
src: "https://c2.staticflickr.com/9/8356/28897120681_3b2c0f43e0_b.jpg",
width: 320,
height: 212,
customOverlay: (
<div className="custom-overlay__caption">
<div>Boats (Jeshu John - designerspics.com)</div>
</div>
),
}
return (
<Gallery images={[image1]} />
);Live Demo
Source Code
react-grid-gallery/examples/custom-overlay (opens in a new tab)
