Story Viewer
A phone-framed stories viewer with segmented progress, tap and keyboard navigation, hold to pause, auto-advance and a story tray.
Preview
Studio friends
Tap the right side or press → to advance; hold or press Space to pause.
IV
Ines Varga2h
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| stories | Story[] | — | { id, author: { name, avatar? }, time, slides: { id, content, alt, duration? }[] }. |
| defaultStory / story | number | 0 | Starting or controlled story index. |
| onStoryChange | (index: number) => void | — | Called when the viewer moves to another story. |
| onClose | () => void | — | Shows the close key and handles Escape. |
| onComplete | () => void | — | Called after the last slide of the last story. |
| slideDuration | number | 5000 | Milliseconds per slide unless a slide sets duration. Auto-advance is off under reduced motion. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.