StatusTag

Sharedcomponent✓ stamped

Maps a status string to color, label, and icon. Chip + inline variants.

@brite-nites/design-system/primitives/status-tag

Single component that maps a status string to color + label + icon. Covers quote, appointment, and generic states. Falls back to a deterministic hash color for free-form tags.

Quote statuses

Used across quote lists, detail pages, and approval flows.

Quote

DraftSentViewedAcceptedDeclinedExpiredNeeds Approval

Appointment statuses

Used in calendar, appointment list, and detail views.

Appointment

ScheduledIn ProgressCompletedCancelledNo Show

Generic statuses

For templates, products, users, field-created entities.

Generic

ActiveInactiveField Created

Client type

Residential vs commercial classification.

Type

ResidentialCommercial

Free-form tags (hash-derived color)

Any string not in the status map receives a deterministic color from the tag palette.

InstallationTakedownFollow-UpWarrantyConsultationRush Order

Variant — "inline"

Colored dot + label, no background. Use inside tables and menu rows where density matters. Matches how SubMenuItemStatus renders inside menus — same shape in the chip as in the picker.

DraftSentViewedAcceptedDeclinedExpiredNeeds Approval

PriorityRenewalCommercialResidential