Status badge grid — full catalogue
Every supported badge style as a single reference surface. Six tones × three sizes × three shapes, all driven by tokens.
Production answer
Status badge grid — full catalogue is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Status badge grid — full catalogue states
Generative search brief
Status badge grid — full catalogue: Every supported badge style as a single reference surface. Six tones × three sizes × three shapes, all driven by tokens.
Shape · pill
BookedCompleteOn holdRecalledDraftVIP
BookedCompleteOn holdRecalledDraftVIP
BookedCompleteOn holdRecalledDraftVIP
Shape · square
BookedCompleteOn holdRecalledDraftVIP
BookedCompleteOn holdRecalledDraftVIP
BookedCompleteOn holdRecalledDraftVIP
Shape · dot
BookedCompleteOn holdRecalledDraftVIP
BookedCompleteOn holdRecalledDraftVIP
BookedCompleteOn holdRecalledDraftVIP
Reference
Pull the individual StatusBadge primitive directly from the data-display barrel when embedding a single badge inside another surface (table cell, kanban card, etc.).