미디어 카드

16:9 이미지에 재생 링크와 이어보기 진행률을 겹쳐 배치해 원하는 콘텐츠로 바로 이동할 수 있게 한다.

상태

EP. 4 · 42분

basic

12분 남음

progress

progress와 actionLabel을 함께 설정해 표시된 진행률과 링크의 접근 가능한 이름을 맞춘다.

Preview

12분 남음

tsx

<MediaCard href="/watch" image={image} title="Night Drive" progress={72} actionLabel="Night Drive 이어보기" />