# XWUILayoutTileView

A pre-built tile-view layout block that renders an array of `tiles` (each with optional image, title, subtitle, and HTML/element content) into a responsive grid powered by `XWUIGrid`. Pick one of 5 `block` variants (1-5) to switch the column count (2, 3, 4, 3, 2 columns respectively) without wiring up a grid yourself.

## Basic Usage

Renders a four-tile, block-1 grid straight from a plain `tiles` array, where each tile carries only an `id` and a `title`.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A block-1 tile grid built from four title-only tiles.
```

## Block Variants

Each of the five tile-view blocks (2/3/4/3/2 columns) rendered from the same four tiles.

```example
file: examples/BlockVariants.ts
html: examples/BlockVariants.html
title: Block Variants
description: Each of the five tile-view blocks (2/3/4/3/2 columns) rendered from the same four tiles.
```

## Rich Tiles

A six-tile, four-column product grid where each tile carries a title and a subtitle.

```example
file: examples/RichTiles.ts
html: examples/RichTiles.html
title: Rich Tiles
description: A six-tile, four-column product grid where each tile carries a title and a subtitle.
```

```api
```