Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA board of columns with cards that move by drag and drop, by arrow buttons on each card, or by Alt and arrow keys.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
columns | KanbanColumn[] | - | Controlled board state. |
defaultColumns | KanbanColumn[] | [] | Initial board state when uncontrolled. |
onColumnsChange | (columns: KanbanColumn[]) => void | - | Called with the new state after a card moves. |
label | string | "Task board" | Accessible name of the board. |
Also accepts all <div> props.
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | - | Stable id. |
title | string | - | Column heading. |
cards | KanbanCard[] | - | Cards in display order. |
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | - | Stable id. |
title | string | - | Card title. |
description | string | - | Optional detail. |
label | string | - | Optional tag. |
Each card has a grip handle button. With the handle focused, Alt + Left/Right moves the card to the previous or next column (mirrored in RTL) and Alt + Up/Down reorders it within its column. Focus stays on the moved card and a live region announces the new column.