RestaurantStatusBadge

Domain

Displays restaurant operational status with semantic colour coding.

Preview

ActiveInactiveClosed

Code

{(['ACTIVE', 'INACTIVE', 'CLOSED'] as const).map((s) => (
  <RestaurantStatusBadge key={s} status={s} />
))}

Preview

ActiveActive

Code

<RestaurantStatusBadge status="ACTIVE" size="sm" />
<RestaurantStatusBadge status="ACTIVE" size="md" />

Navigation