easychen / react-image-modal

react modal for images

react-image-modal

A lightweight React component providing modal image Lightbox.

Features

• Only 3 kB when gzipped.
• Zero dependencies.
• For React 16.x and 17.x.
• Esc, Enter & click outside the image close the lightbox
• User can zoom & move the image or download the highest quality one
• Download and Zoom -buttons can be hidden.
• Image alt shown as title of lightbox

Simple API

import ModalImage from "react-image-modal";

<ModalImage
  showDownload={true}
  showRotation={true}
  showZoom={true}
  src="image"
  alt="cat image!"
  className="string"
/>;