# XWUILayoutCards

Cards layout block with 15 variants. Reuses `XWUIGrid` + `XWUICard`. `block` controls grid columns; `orientation` switches between horizontal grid (default) and vertical stack.

## Basic Usage

Block-1 cards grid with 3 sample cards.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Block-1 cards grid with 3 sample cards.
```

## Vertical Stack

Single-column stack via `orientation: "v"`.

```example
file: examples/VerticalStack.ts
html: examples/VerticalStack.html
title: Vertical Stack
description: Single-column stack via `orientation: "v"`.
```

## Pricing Tiers

A three-column pricing grid with per-plan feature lists and a "Popular" tag.

```example
file: examples/PricingTiers.ts
html: examples/PricingTiers.html
title: Pricing Tiers
description: Block-3 pricing cards with price subtitles, feature bodies and tags.
```

## Team Directory

A four-column directory of teammates with role subtitles and skill tags.

```example
file: examples/TeamDirectory.ts
html: examples/TeamDirectory.html
title: Team Directory
description: Block-4 people cards pairing roles with skill tags.
```

```api
```