Kanban
A board of columns with cards you can drag between columns or move by keyboard, with live announcements, WIP limit warnings, counts and inline add.
Preview
Backlog
3- , 1 of 3 in BacklogBilling
Export invoices as CSV
LNT-231 NL - , 2 of 3 in Backlog
Empty state for search
Suggest recent queries and a link to filters.
LNT-238 - , 3 of 3 in BacklogSecurity
Audit log retention setting
LNT-240 MH
In progress
4/3Over the limit of 3- , 1 of 4 in In progressBilling Launch
Seat-based pricing toggle
Due Nov 12 PR - , 2 of 4 in In progressA11y
Keyboard map for the editor
Cmd+K palette and shortcut sheet.
LNT-224 IO - , 3 of 4 in In progressPlatform
Retry webhook deliveries
LNT-226 MH - , 4 of 4 in In progress
Dark mode for status page
LNT-229 TF
Review
1/2- , 1 of 1 in ReviewPerf
Stream CSV imports in chunks
LNT-212 IO
Done
2- , 1 of 2 in Done
Preload fonts on marketing pages
Nov 2 TF - , 2 of 2 in Done
Rename workspace roles
Nov 1 PR
Press Space to pick up. Arrow keys move, Space drops, Escape cancels.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| columns | { id, title, limit? }[] | — | Columns in order. limit is a WIP limit: the column warns when it holds more. |
| value / defaultValue | Record<columnId, KanbanCard[]> | — | Controlled or initial cards per column. |
| onValueChange | (board) => void | — | Called once per drop (pointer or keyboard) or inline add. |
| renderCard | (card) => ReactNode | — | Custom card body; drag, focus and keyboard handling stay ours. |
| onAddCard | (columnId, title) => KanbanCard | — | Return the new card; shows an inline “Add card” row per column. |
| label | string | "Board" | Accessible name of the board region. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.