# XWUIWorkbench

A workbench: a full-bleed stage (a canvas, a map, a scene) with floating glass panels over it - a pill header across the top, start and end panels down the sides and a bottom panel between them. On narrow screens the panels stack under the stage.

Each area takes an element (for example a composed XWUI node). Areas left empty are not drawn, and the bottom panel widens into their space. Panel sizes are config; surfaces use the --workbench-* hooks.

## BasicUsage

Empty workbench with labelled panels.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: BasicUsage
description: Empty workbench with labelled panels.
```

## Sized

Custom panel sizes.

```example
file: examples/Sized.ts
html: examples/Sized.html
title: Sized
description: Custom panel sizes.
```

```api
```