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
    • Custom Image Component
    • Lightbox integration [react-image-lightbox]
      • Live Demo
      • Source Code
      • CodeSandbox
    • 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
Lightbox integration [react-image-lightbox]

Lightbox integration react-image-lightbox

Example of a very basic integration with react-image-lightbox (opens in a new tab). Click on a thumbnail to open the lightbox.

Live Demo

Source Code

react-grid-gallery/examples/with-react-image-lightbox (opens in a new tab)

CodeSandbox

Edit react-grid-gallery-with-react-image-lightbox (opens in a new tab)

Custom Image ComponentLightbox integration [yet-another-react-lightbox]

Maintained by Ben Howell and Igor Isaev.