22.07 / Booking widget

Booking confirmation card

Final confirmation surface with reference, service, when, bay, customer, three add-to-calendar buttons, and a reference QR for the bay reception.

Production answer

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

Primary CTAReview Booking confirmation card states
Generative search brief

Booking confirmation card: Final confirmation surface with reference, service, when, bay, customer, three add-to-calendar buttons, and a reference QR for the bay reception.

Booking confirmed

You're in. We'll see you at the bay.

Reference
MM-26-00417
Service
Custom exhaust install
When
Thursday 4 Jun 202608:00 AM6h hold
Bay
Bay 2
Customer
Brett Anderson0412 345 678
Scan at the bay
Behaviour

Renders with role="status" and aria-live="polite" so screen readers announce the confirmation. A faux SVG QR is drawn client-side from the booking id; consumers pass qrUrl to swap in a real image.