Slide-Over Cart Drawer
A basket panel with the dialog mechanics usually missing: focus trap, focus return, Escape to close and a background scroll lock.
Carts, address forms, payment steps and order summaries.
Checkout is where an ecommerce build either converts or leaks, and most of the leak is avoidable: a total that changes at the last step, a forced account, or a card field that rejects spaces in the number. These lay out the cart, the address and payment steps and the persistent order summary — with shipping and tax shown as early as you can honestly show them.
A basket panel with the dialog mechanics usually missing: focus trap, focus return, Escape to close and a background scroll lock.
Quantity steppers and remove-with-undo, with every total derived rather than stored so the basket can never disagree with itself.
The full autocomplete token set that lets a browser fill eight fields in one tap, plus address labels that follow the selected country.
Subtotal, discount, delivery and tax all derived from the lines, with the free-delivery nudge driven by the same threshold as the charge.
The wallet buttons above the form, and what they do to it: the address a wallet returns is shown and stays editable, and the row disappears entirely when no wallet is actually available.
The gifting step, placed in the cart where it is a choice rather than at checkout where it is friction.
The only checkout where the buyer is not the recipient - live preview, a send date with a stated timezone, and the confirm-the-address field that prevents the expensive typo.
Guest as the default and the whole form, with a real autocomplete token on every field and the account offer moved to the end, where it costs one checkbox.
The offer popup with four rules applied: triggered by intent, a decline button of equal weight, a dismissal that is remembered, and the terms on its face.
Grids, filter rails, galleries, variant pickers and buy boxes.
Plan cards, invoices, payment methods, usage meters and limits.
Storefronts, product pages, cart and checkout as whole screens.
Message threads, streaming states, composers and citations.
Tool-call traces, approval gates, context panels and inline actions.
Dialogs, side panels, bottom sheets and confirmations.