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

margin ​

margin: [string | number, string | number]

Defined in: gallery/config.ts:243

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