JobStatusBadge

Domain

Displays job listing status with semantic colour coding.

Preview

DraftActivePausedClosedArchived

Code

{(['DRAFT', 'PUBLISHED', 'PAUSED', 'CLOSED', 'ARCHIVED'] as const).map((s) => (
  <JobStatusBadge key={s} status={s} />
))}

Preview

ActiveActiveActive

Code

<JobStatusBadge status="PUBLISHED" size="sm" />
<JobStatusBadge status="PUBLISHED" size="md" />
<JobStatusBadge status="PUBLISHED" size="lg" />

Navigation