Course or book chapter navigator with completed checks, a progress ring on the current chapter, its sections, a foldable outline and prev/next keys that name their chapters.
Chapter 3 · 15 min
Every edit is stored as a patch on the device before it goes anywhere. When the connection drops, patches pile up in a local queue, in order, with their author and time.
When the network returns, the queue replays from the oldest patch. Nothing is merged twice, and nothing is lost if the tab closes halfway.
Pro source requires Pebble Pro. Try the full preview above.
| Prop | Type | Default | Description |
|---|---|---|---|
| chapters | { id; title; meta?; sections?: { id; title }[] }[] | — | Chapters in order; sections show under the current chapter. |
| current / completed | string / string[] | — / [] | Chapter being read and the finished chapter ids. |
| progress | number | 0 | Progress through the current chapter (0–1), shown as a ring. |
| currentSection | string | — | Current section id inside the current chapter (ember dot). |
| onSelect / onSelectSection | (id: string) => void | — | Called when a chapter (or prev/next) or a section is chosen. |
| title / defaultOpen | string / boolean | — / true | Header title and whether the outline starts open. |
Try the full preview above. Editable source and build guides require Pebble Pro.
