Cart summary

Subtotal, flat shipping and total from the cart store, with an optional checkout button.

Cart

Pack defaults

With content

In context

Source

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

const props = {
  "shipping": 8,
  "currency": "USD",
  "checkoutHref": "/checkout",
  "readOnly": false
};
<CartSummary {...props} />

Live CSS

Injected into the previews above. Cart summary

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