AIJobStatusBadge

Domain

Dot + label badge tracking the lifecycle of an async AI job.

Preview

PendingRunningCompletedFailedCancelled

Code

{(['PENDING', 'RUNNING', 'COMPLETED', 'FAILED', 'CANCELLED'] as const).map((s) => (
  <AIJobStatusBadge key={s} status={s} />
))}

Preview

PendingRunningCompletedFailedCancelled

Code

<AIJobStatusBadge status="COMPLETED" size="sm" />

Navigation