# XWUIMasonry

Pinterest-style masonry grid layout for items of different heights

## Basic Usage

Pinterest-style masonry grid of cards with different heights.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Masonry grid of cards with different heights.
```

## Responsive by column width

Set `columnWidth` (not a fixed count) and the grid fits as many columns as the container allows, recomputing on resize.

```example
file: examples/Responsive.ts
html: examples/Responsive.html
title: Responsive by column width
description: columnWidth fits as many columns as the container allows.
```

## Image gallery

A photo wall - image cards of varying aspect ratios pack into 2 columns, shortest-column-first.

```example
file: examples/Gallery.ts
html: examples/Gallery.html
title: Image gallery
description: Varying-ratio image cards packed into 2 columns.
```

```api
```