Image grid

The image grid component can be utilised for showing multiple images on the page in a compact manner. Clicking on one of the images will enlarge the image and allow the user to scroll left or right through the gallery. The enlarged gallery can then be closed by either pressing the escape key or by clicking the close (x) icon in the top right corner of the screen. Let's see a couple of examples of the image grid component!

Within the "Styles" tab there is an option to toggle on the "First Image Larger" setting. Let's try that out:

The image grid is a great way to display multiple images on a page, whilst allowing users to enlarge and scroll through them in a gallery format, if they desire. We hope you enjoy using the image grid component!