Kanban board

@summonware/ui · kanban · P3 · Advanced UI
No reference page demonstrates this component — it was inferred from the screens that use one, so there is no variant matrix behind it.

Usage

A drag-and-drop board over native HTML5 drag events (`draggable` + `dragstart`/`dragover`/`drop`), not a drag library — card-between-columns is a small enough interaction that the native API is genuinely sufficient, and it keeps the dependency list from growing for one component.
import { Kanban } from '@summonware/ui';

Best practices

DoKeep column counts low (3-5). A kanban board with many columns stops being scannable and usually means the underlying states should collapse.
Don'tUse this for a strictly linear process (a fixed multi-step approval). `Stepper`/`Wizard` communicate "one path forward" better than a board that implies free movement between any two columns.

Examples

Common configurations, variations and states.

Task board

To do2
Design the export flowDesign
Fix timezone bugBug
In progress1
Rebuild the invoice PDFEngineering
Done1
Ship dark modeEngineering
Drag a card between columns.