PropertyStatusBadge

Domain

Displays property listing status with semantic colour coding.

Preview

DraftActivePublishedSoldRentedArchived

Code

{(['DRAFT', 'ACTIVE', 'PUBLISHED', 'SOLD', 'RENTED', 'ARCHIVED'] as const).map((s) => (
  <PropertyStatusBadge key={s} status={s} />
))}

Preview

PublishedPublished

Code

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

Navigation