byronwade/ui
Marketing & editorial

Video · Marketing & editorial

Chapter list

A YouTube-style chapter list with timestamps, thumbnails, and an active chapter derived from the playhead.

@byronwade/foundation@byronwade/thumbnail@byronwade/utils

Feature showcase

Installation

Features

  • 1 example

    Default.

  • Tagged for youtube, video, tier:advanced

API

Props

PropTypeDefaultDescription
chaptersChapter[]-Timestamped chapter entries.
currentTimenumber-Playhead seconds for active chapter.

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/thumbnailregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.

Source and related

FilePath
Componentregistry/components/chapter-list.tsx
Default examplecontent/examples/chapter-list/default.tsx