# XWUIFlowCanvas

A workflow canvas: steps drawn as glowing cards wired output to input with gradient, animated wires, plus frames and sticky notes. Editable canvases select, drag, pan, zoom, fit and tidy up, with an optional minimap; read-only canvases fit and display.

Each node takes a named `hue` (lime, cyan, violet, pink, orange, green, amber, red, blue) that colours its card glow, its icon tile, its pins and the wires that leave and enter it; a theme may override any hue with `--xwui-hue-<name>`. Node icons are XWUIIcon, statuses are XWUIStatusGlyph and the tools are XWUIButton. Events: `select`, `move` and `tidy`.

## BasicUsage

A three-step flow with a branch, tools and a minimap.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: BasicUsage
description: A three-step flow with a branch, tools and a minimap.
```

## ReadOnly

A read-only canvas that only fits and displays.

```example
file: examples/ReadOnly.ts
html: examples/ReadOnly.html
title: ReadOnly
description: A read-only canvas that only fits and displays.
```

## FramesAndNotes

A dashed frame grouping steps and a sticky note.

```example
file: examples/FramesAndNotes.ts
html: examples/FramesAndNotes.html
title: FramesAndNotes
description: A dashed frame grouping steps and a sticky note.
```

```api
```