Cart lines

Line items from the cart store with quantity, remove and line totals; an empty state links back to the catalog.

Cart

Pack defaults

With content

In context

Source

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

const props = {
  "emptyText": "Your cart is empty.",
  "emptyHref": "/products"
};
<CartPage {...props} />

Live CSS

Injected into the previews above. Cart lines

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