Project Board Page
A contained project page with our page header, a board/list/timeline switcher, filter bar with quick filters, our kanban board, a task table and a timeline.
Preview
Cycle 15 launch
- On track
- Due Nov 14
- 1 of 6 done
Invite flow, export streaming and the launch post, shipping Nov 14.
6 of 6 tasks shown
Backlog
2- , 1 of 2 in BacklogMarketing
Draft launch post
LRK-214 PN - , 2 of 2 in BacklogQA
Tablet QA pass
LRK-219
In progress
2/3- , 1 of 2 in In progressProduct
Invite flow v2
LRK-201 IA - , 2 of 2 in In progressPlatform
Export streaming
LRK-207 MO
Review
1/2- , 1 of 1 in ReviewProduct
Empty-state copy
LRK-198 IA
Done
1- , 1 of 1 in DoneMarketing
Pricing page refresh
LRK-190 TR
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 |
|---|---|---|---|
| title | string | — | Project name (h2 in our PageHeader). |
| columns | KanbanColumn[] | — | Board columns (our Kanban), e.g. Backlog, In progress, Review, Done. |
| defaultBoard | Record<columnId, ProjectTask[]> | — | Tasks per column; ProjectTask adds start and days for the timeline. |
| description | ReactNode | — | Line under the title. |
| breadcrumbs | { label, href? }[] | [] | Trail above the title. |
| status | { label, tone? } | — | Status chip in the header meta. |
| due / progress | string | — | Header meta items. |
| people | Record<initials, name> | {} | Names for the assignee filter and list view. |
| me | string | — | Initials of the signed-in person; enables the Mine quick filter. |
| timelineDays | string[] | [] | Day labels for the timeline columns. |
| defaultView | "board" | "list" | "timeline" | "board" | View shown first. |
| onNewTask | () => void | — | Shows New task. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.