# XWUILayoutRegion

3×3 named region layout with dynamic merge/hide/shrink/expand and animation.

## Basic Usage

3×3 named region layout with dynamic merge/hide/shrink/expand and animation.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: 3×3 named region layout with dynamic merge/hide/shrink/expand and animation.
```

## Variants

Different mode options.

```example
file: examples/Variants.ts
html: examples/Variants.html
title: Variants
description: Different mode options.
```

## App Shell

A typical app chrome where the top row is merged into one header bar above a sidebar, content, rail, and status bar.

```example
file: examples/AppShell.ts
html: examples/AppShell.html
title: App Shell
description: An app shell that merges the top row into a single header via mergeModes.
```

## Dashboard with Merged Column

An analytics dashboard that merges the left column into one tall filter rail.

```example
file: examples/DashboardMerge.ts
html: examples/DashboardMerge.html
title: Dashboard with Merged Column
description: A dashboard merging the left column into a filter rail beside stacked widgets.
```

```api
```