00 / Source of truthOverview Telemetry Audit Agent guide QA matrix Production

01 / Shared DNAFoundations Wireframes Layouts Sizing Section patterns Surfaces Typography Icons Theming Actions Forms Selection Navigation Feedback Overlays Data display Search File browser Motion Mobile shell

02 / Website systemForms gallery Marketing Emails Maps Blog system News system

03 / Parts systemParts commerce Parts catalog Parts webpage

04 / Workshop managementWorkshop UX Workshop scenes CRM Sales leads Calendar Print docs

05 / Hermes dashboardsPersona dashboards Hermes mirror

06 / Muffler PulseNotifications Muffler Pulse

07 / CMS primitivesKYC Auth Account Permissions Onboarding System states Help & docs Page builder Section library

08 / Agent UI primitivesInbox AI assistant Hermes agent Torque Torque channels Torque analytics Torque files Torque logs Torque models Torque mobile Torque notifications Torque profile Torque jobs Torque terminal Torque states Workflows Torque mascot

09 / Marketing assetsVideos Video heroes Audio 3D scenes Brand assets

10 / LabSandbox

ThemeDark mode

Coverage77 routes · registry-backed primitive catalogue

UI Primitives
Booking widget
Add-on chip row

22.05 / Booking widget

Add-on chip row

Optional extras the customer toggles before submitting. Live total chip surfaces the price impact as they go.

00 Source 01 Shared DNA Buttons Cards

Production answer

Add-on chip row is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Add-on chip row states

Generative search brief

Add-on chip row: Optional extras the customer toggles before submitting. Live total chip surfaces the price impact as they go.

Optional add-onsTotal add-ons: Free

Pre-inspectionWe scan under-car before quote.+$65Loaner carManual Hilux ute, half-day.+$95Sound demoRecord before + after audio clip.FreeDetail washWheels + sills clean on collection.+$50

Behaviour

Each chip is a label-wrapped checkbox with a visible custom box. Total in the header updates with each toggle. Native checkboxes carry the real state for keyboard and assistive tech.