Task List
Collapsible task panel with a mini progress ring and done/total badge, a spinner on the active task, and done items whose strike-through draws in, each with an optional sub-line and duration.
Preview
2 of 7 tasks done
- Done: Lint changed files14 files, 0 warnings2.1s
- Done: Type-check workspace6.8s
- In progress: Run unit tests212 passed4.2s
- Not started: Build packagescore, icons, docs
- Not started: Compare bundle sizescore +0.4 kB gzip
- Not started: Draft release notes
- Not started: Tag v2.8.0
1 of 4 tasks done
- Done: Snapshot orders table12s
- Failed: Copy rows to orders_v2Lock timeout after 38,120 of 92,400 rows1m 04s
- Not started: Swap table names
- Not started: Drop old indexes
2 of 4 tasks done
3 of 3 tasks done
- Done: Invite your team3 people joined
- Done: Connect a repository
- Done: Ship a first preview52s
0 of 0 tasks done
Nothing scheduled tonight
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | TaskItem[] | — | Tasks in order: { id, label, status: done | active | pending | error, subline?, duration? }. |
| title | string | "Tasks" | Heading; also the list's accessible name. |
| open | boolean | — | Controlled open state. |
| defaultOpen | boolean | true | Initial open state when uncontrolled. |
| onOpenChange | (open: boolean) => void | — | Called when the header toggles the panel. |
| emptyLabel | string | "No tasks yet" | Text shown when there are no tasks. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.