Gallery mosaic

Grid preview of files
The gallery mosaic component provides a way of previewing images in a mosaic style based on the amount of elements, it currently supports a general file type and images.
The singleImagefit input is used to specify how a single image in the modern structure should be rendered and fit. The concept is similar to the Picture's object fit but with gallery specific behaviors.
'contain'
This forces the whole image to be fit inside the whole width of the container. The height of the image will be scaled proportionally.
welcome-bg.jpg
'cover'
This forces the image to fit in a 4/3 aspect ratio. and forces the image to fill the entire container, cropping the image as necessary
Image optimization caveat
NOTE: The whole image will still be downloaded while only the cropped portion will be shown. This may lead performance issues due to larger than necessary file sizes; Follow image optimization best practices to for the best image file size and visual quality.
welcome-bg.jpg
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.