Stack List
Notifications or tasks piled into a stack with a count badge; click to spread them into a list with a layout spring, dismiss items, and pile them again.
Preview
Collapsed: click the pile
Notifications4
- MKMalik mentioned you“Can you check the export copy before Friday?”2m
Expanded
Tasks3
- PRReview requestedcheckout-v2: shipping cards18m
- !Build faileddocs-site · lint step40m
- $Invoice paidPebble · $1,284.501h
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id; title; description?; icon?; aside? }[] | — | Cards, first on top of the pile. |
| title | string | "Notifications" | Heading, shown with the total count; also names the list. |
| expanded / defaultExpanded | boolean | false | Controlled or initial spread state. |
| onExpandedChange | (expanded: boolean) => void | — | Called when the pile opens or closes. |
| onDismiss | (id: string) => void | — | Shows × on each card while expanded. |
| peekCount | number | 2 | Cards visible behind the top one when collapsed. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.