TopicStatusBadge

Domain

Displays forum topic status with semantic colour coding — open, locked, pinned, archived, or deleted.

Preview

OpenLockedPinnedArchivedDeleted

Code

{(['OPEN', 'LOCKED', 'PINNED', 'ARCHIVED', 'DELETED'] as const).map((s) => (
  <TopicStatusBadge key={s} status={s} />
))}

Preview

OpenOpen

Code

<TopicStatusBadge status="OPEN" size="sm" />
<TopicStatusBadge status="OPEN" size="md" />

Navigation