Lightbox

The Lightbox component allows users to view, and navigate between, multiple Images that are displayed against a Backdrop. A user may dismiss the Lightbox via the close Button, or by clicking away from an Image.

For more information on how to use the features and props for this component, check out the developer documentation.

The Lightbox component takes a set of items which contain data for each image included. Each item must include a name, description, id, and src for which the image is generated from. Additional metadata may also be passed as an array if you would like to display information such as file size or upload date.

The Lightbox component can be used for a single image, or multiple images. If there are multiple images, and the cycle prop is passed, then users may continuosly navigate between images when they reach the end, or beginning, of the set. Images may also be downloaded from the Lightbox preview if an onItemDownload callback function is provided.