<h2>Overview</h2>
<p>The <code>gatsby-image-gallery</code> is a simple gallery grid built on top of <code>gatsby-plugin-image</code> and <code>react-image-lightbox</code>, with styling features provided by <code>styled-components</code>. It is designed to display a grid of images that can be clicked to view in full size within a lightbox.</p>
<h2>Features</h2>
<ul>
<li><strong>Gallery Component:</strong> Render images in a grid format that can be clicked to open in a lightbox.</li>
<li><strong>Customizable Columns:</strong> Adjust the number of columns and spacing between images.</li>
<li><strong>Image Styling:</strong> Inject custom image styles using the <code>customWrapper</code> prop.</li>
<li><strong>Compatibility:</strong> Check compatibility table for the appropriate version based on your Gatsby setup.</li>
<li><strong>Lightbox Options:</strong> Pass options to the lightbox component for further customization.</li>
<li><strong>Close Callback:</strong> Provide a callback function to be executed when the lightbox is closed.</li>
<li><strong>Development Process:</strong> Automated releases using semantic versioning based on commit log.</li>
<li><strong>License:</strong> Distributed under the MIT license.</li>
</ul>


Browniebroke

Gatsby Image Gallery