Gallery mosaic

Mosaic grid previews of images and other files, laid out by item count

Contents

Modern Gallery 1 item

employer-desktop.jpg

Project Title

Project Price

Discover more

Modern Gallery 2 items

section-feature.jpg

Project Title

Project Price

Discover more
section-feature.jpg

Project Title

Project Price

Discover more

Modern Gallery 3 items

employer-desktop.jpg

Project Title

Project Price

Discover more
section-feature.jpg

Project Title

Project Price

Discover more
section-feature.jpg

Project Title

Project Price

Discover more

Modern Gallery 4 items

gallery-6.png

Project Title

Project Price

Discover more
gallery-2.jpg

Project Title

Project Price

Discover more
gallery-3.jpg

Project Title

Project Price

Discover more
gallery-4.jpg

Project Title

Project Price

Discover more

Modern Gallery 5 or more items

gallery-1.jpg

Project Title

Project Price

Discover more
gallery-2.jpg

Project Title

Project Price

Discover more
gallery-3.jpg

Project Title

Project Price

Discover more
gallery-4.jpg

Project Title

Project Price

Discover more

Reverse Gallery

gallery-1.jpg

Project Title

Project Price

Discover more
gallery-2.jpg

Project Title

Project Price

Discover more
gallery-3.jpg

Project Title

Project Price

Discover more
gallery-4.jpg

Project Title

Project Price

Discover more
Inputs in Interactive content
interactiveContent ?: boolean = false
reverseGallery ?: boolean = false

This input only works when `forceRectangleMedium` is applied

Also set in this example
galleryItems : readonly GalleryItem[]
zoomOnHover ?: boolean = true
Outputs
openItem ?: any = new EventEmitter<number>()