v145 · Payments · Dialog Comparison

SPC dialog comparison

Side-by-side mock of the Chrome 144 vs. Chrome 145 SPC dialog with editable amount, merchant, and instrument name. Lets designers see exactly how their PaymentRequest payload renders in the new UX.

payload

Chrome 144 (before)

Verify your purchase

Merchant:
Amount:
Card:

Use Touch ID to continue.

Chrome 145 (after)

requests


device-bound credential · 256-bit signature

Confirm with Touch ID to authorise this single transaction.

code

// The PaymentRequest payload stays the same — Chrome 145 only changes
// how the dialog renders it. Wider amount, merchant front-and-centre,
// instrument shown with attestation hint.
const r = new PaymentRequest([{ supportedMethods: 'secure-payment-confirmation', data: spcData }], details);
await r.show();

see also