# XWUIPlaylistRow

A YouTube-style playlist list row: a stacked-thumbnail block (decorative back layers behind a composed XWUIVideoThumbnail) overlaid with a "{videoCount} videos" badge, beside a meta column of playlist title, creator, and a "PLAYLIST" tag. The whole row is a button that fires `data.onClick`. Required props are `data.title`, `data.creator`, `data.videoCount`, and `data.thumbnailSrc`.

## Basic Usage

A playlist row for a 12-video "OPFlow build series" by Ops Engineering with a stacked thumbnail.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A 12-video "OPFlow build series" playlist row with stacked thumbnail, creator, and PLAYLIST tag.
```

## Large Archive Playlist

A deep archive playlist showing how the count badge reads for a large collection.

```example
file: examples/LongPlaylist.ts
html: examples/LongPlaylist.html
title: Large Archive Playlist
description: A 248-video broadcast archive playlist by Ops Engineering.
```

## Personal Watch Later Row

A short viewer-owned playlist with a different creator and thumbnail.

```example
file: examples/WatchLater.ts
html: examples/WatchLater.html
title: Personal Watch Later Row
description: A 7-video "Watch Later" playlist owned by "You" with its own thumbnail.
```

```api
```