KB-332 · CONTENT/CHAPTER/REEL
Chapter Reel Content
A customer story told in chapters over one animated canvas: each chapter plays a short scene on a timer, the list beside it names the chapters and lets the reader jump, and a rule under the active one fills as its time runs. The reel pauses when it scrolls out of view and when the tab is hidden, because a story nobody is watching should not keep spending the battery.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/content-chapter-reel
Props
- chapters
- ReelChapter[]
- default —
- Title and note per chapter; scenes map by index.
- chapterMs
- number
- default —
- How long each chapter plays before advancing.
- eyebrow / headline / deck
- string
- default —
- The standfirst above the reel.
| Prop | Type | Default | Description |
|---|---|---|---|
| chapters | ReelChapter[] | — | Title and note per chapter; scenes map by index. |
| chapterMs | number | — | How long each chapter plays before advancing. |
| eyebrow / headline / deck | string | — | The standfirst above the reel. |