# XWUIVideoThumbnailGrid

The YouTube home / search-grid shape: a responsive grid of XWUIVideoListResult tiles where each tile is forced into a thumbnail-on-top / meta-below layout (thumbnail width 100%, channel avatar shown, description hidden) and the column count flows from a minimum tile width. Pass `data.items` (XWUIVideoListResult entries - `id`, `thumbnail`, `title`, `channelName`, `views`, `age`, `isLive`); tune the layout with `conf_comp.minTileWidth` (default 280px) and `conf_comp.gap`.

## Basic Usage

A three-tile video grid mixing two regular videos with durations and one live tile showing a "12K watching" count.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A responsive grid of three video tiles - two with duration badges and one LIVE tile with a watching count.
```

## Big Grid

A fuller six-tile grid mixing on-demand videos with two live tiles.

```example
file: examples/BigGrid.ts
html: examples/BigGrid.html
title: Big Grid
description: A six-tile home grid interleaving duration-badged videos with two live tiles showing watching counts.
```

## Wide Tiles

The grid laid out with fewer, wider columns via a raised minimum tile width and gap.

```example
file: examples/WideTiles.ts
html: examples/WideTiles.html
title: Wide Tiles
description: A grid configured with a 420px minimum tile width and a wider gap for fewer, larger thumbnails.
```

```api
```