Checkout form

Mock checkout: validates, waits 600 ms, shows a fake order number and clears the cart. Sends nothing.

Cart

Pack defaults

With content

In context

Source

import { CheckoutForm } from "demo-webshop/components";

const props = {
  "heading": "Shipping and payment",
  "successHeading": "Order placed",
  "successText": "Thank you. Nothing was charged and nothing will ship — this is a demo."
};
<CheckoutForm {...props} />

Live CSS

Injected into the previews above. Checkout form

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */