Primitive 07 / Tabs

Environment tabs

role=tablist switcher across Development / Staging / Production. Each tab carries a status dot (green on / grey off / amber ramping / red killed), a flag count badge, and a tone-coded active state. Arrow keys move focus between tabs, Enter selects.

Production answer

Environment tabs is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Environment tabs states
Generative search brief

Environment tabs: role=tablist switcher across Development / Staging / Production. Each tab carries a status dot (green on / grey off / amber ramping / red killed), a flag count badge, and a tone-coded active state. Arrow keys move focus between tabs, Enter selects.

Live primitive · click or use arrow keys