VideoStatusBadge

Domain

Displays video lifecycle status with semantic colour coding.

Preview

DraftProcessingPublishedPrivateUnlistedBlockedDeleted

Code

{(['DRAFT', 'PROCESSING', 'PUBLISHED', 'PRIVATE', 'UNLISTED', 'BLOCKED', 'DELETED'] as const).map((s) => (
  <VideoStatusBadge key={s} status={s} />
))}

Preview

PublishedPublished

Code

<VideoStatusBadge status="PUBLISHED" size="sm" />
<VideoStatusBadge status="PUBLISHED" size="md" />

VideoStatusBadge

All statuses

Sizes

Navigation