Mosaic Gallery

Appearance

mosaicgallery / MasonryLayoutConfig

Interface: MasonryLayoutConfig ​

Defined in: gallery/config.ts:213

All configuration options for the masonry layout in a MosaicGallery

Properties ​

colDeviation ​

colDeviation: string

Defined in: gallery/config.ts:232

How the column width is adjusted to fill the whole width of the gallery (ignored, when targetColNumber of used).

Default ​

ts
Deviation.Auto

justifyColumns ​

justifyColumns: boolean

Defined in: gallery/config.ts:245

Whether to justify the columns, so that their height matches exactly. This will not adjust the visible width of each column, but only adjust the width of the image, which will be cropped to fit.

Default ​

ts
true

margin ​

margin: [string | number, string | number]

Defined in: gallery/config.ts:251

The margin between elements in x, y direction. Can be a pixel value or any valid CSS unit.

Default ​

ts
[10, 10]

rowSkipFraction ​

rowSkipFraction: number

Defined in: gallery/config.ts:237

How much of a column has to be filled for it to be skipped for row assignment (as a fraction of the column width).

Default ​

ts
0.5

targetColNumber ​

targetColNumber: number | null

Defined in: gallery/config.ts:226

The number of columns for the gallery. Will overwrite targetColWidth if set.

Default ​

ts
null

targetColWidth ​

targetColWidth: string | number

Defined in: gallery/config.ts:221

The target width of a single column, will be adjusted to fit the entire available width. Can be a pixel value or any valid CSS unit.

Default ​

ts
300

type ​

readonly type: "masonry"

Defined in: gallery/config.ts:214