Variants
- default
- collapsed
Sizes
- sm
- md
Slots
- header
- cards
- footer
Example
<KanbanColumn title="In progress" count={cards.length}>{cards.map((c) => <KanbanCard key={c.id} {...c} />)}</KanbanColumn>Usage rule
Drag-and-drop within and between columns; use HTML5 DnD or dnd-kit, not custom mouse logic.
The full KanbanColumn contract has 4 more rules, plus the do-not patterns. Get the full recipe.