01 / Shared DNA

Tabs, chips, badges, toggles

Stateful selection primitives — tabs, chips, badges, toggles, radios, and check states — defined once so they read identically across every workshop and CMS surface.

Production answer

Tabs, chips, badges, toggles is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Tabs, chips, badges, toggles states
Generative search brief

Tabs, chips, badges, toggles: Stateful selection primitives — tabs, chips, badges, toggles, radios, and check states — defined once so they read identically across every workshop and CMS surface.

04Selection

Tabs, badges, chips, toggles, and checked states

Selection primitives are standardized for route filtering, job status flags, and shop-floor workflows.

Tabs

Keyboard-ready

Shared job summary with vehicle, service, and quote state.

Badges

Status flags
BookedFitment OKAwaiting photosSupplier issueDraft

Check and radio rows

Forms

Toggle chips

Filter rail