Scrollytelling
Sticky visual beside scrolling text steps that receives the current step and per-step progress, with step dots to jump between steps.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| visual | (state: { index; progress; count }) => ReactNode | — | Draws the sticky visual for the current step and its progress (0–1). |
| container | RefObject<HTMLElement> | — | Scroll container holding the steps. Defaults to the window. |
| side | "left" | "right" | "right" | Which side the sticky visual sits on. |
| stickyTop | number | 16 | Px from the top where the visual sticks. |
| stepLabels | string[] | — | Accessible names for the step dots. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.