React Grid Gallery
GitHubGitHub (opens in a new tab)
  • Introduction
    • Image Selection
    • Custom Overlay
    • Thumbnail Captions
    • Custom Image Component
    • Lightbox integration [react-image-lightbox]
    • Lightbox integration [yet-another-react-lightbox]
  • Introduction
    • Image Selection
    • Custom Overlay
    • Thumbnail Captions
      • Live Demo
      • Source Code
      • CodeSandbox
    • Custom Image Component
    • Lightbox integration [react-image-lightbox]
    • Lightbox integration [yet-another-react-lightbox]

On This Page

  • Live Demo
  • Source Code
  • CodeSandbox
Question? Give us feedback → (opens in a new tab)Edit this page
Examples
Thumbnail Captions

Thumbnail Captions

A thumbnail caption shown below thumbnail.

const image1 = {
  src: "https://c2.staticflickr.com/9/8239/28897202241_1497bec71a_b.jpg",
  width: 248,
  height: 320,
  thumbnailCaption: "Big Ben",
}
 
return (
  <Gallery images={[image1]} />
);

Live Demo

Source Code

react-grid-gallery/examples/captions (opens in a new tab)

CodeSandbox

Edit react-grid-gallery-captions (opens in a new tab)

Custom OverlayCustom Image Component

Maintained by Ben Howell and Igor Isaev.