PlaylistHeaderCard

Domain

Playlist hero: cover image, visibility badge, total duration, owner channel, play / shuffle.

Preview

3 videos

PUBLIC3h 20m

Modern Full-Stack with Next.js

Everything you need to ship a production-grade Next.js app: routing, data fetching, type safety, and deploy.

CodeWithAlex· @codewithAlex

Code

<PlaylistHeaderCard title="..." videoCount={3} totalDurationSeconds={12012} channel={{ name, handle, verified: true }} />

Preview

3 videos

UNLISTED1h 46m

Budget guides and safety tips from 30+ countries.

WanderFar· @wanderfar

Code

<PlaylistHeaderCard title="..." visibility="UNLISTED" videoCount={3} totalDurationSeconds={6370} channel={{ name, handle }} />