Cart
CartSummary
Order summary card with line items, totals, and checkout action.
CartSummary
Displays an order summary sidebar with subtotal, shipping, tax, discount lines, a total, and a checkout button.
Preview
Order Summary
Subtotal (3 items)$549.98
ShippingFree
Tax$44.00
Discount-$50.00
Total$543.98
Usage
<CCartSummary :cart="cart" />
Custom Action
<CCartSummary :cart="cart" action-label="Pay Now" action-to="/pay" />
Without Action Button
<CCartSummary :cart="cart" :show-actions="false" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
cart | Cart | required | Cart data with totals |
showActions | boolean | true | Show checkout button |
actionLabel | string | 'Proceed to Checkout' | Button label |
actionTo | string | '/checkout' | Button route |
ui | Partial<{...}> | — | Per-instance theme overrides |
Slots
| Slot | Scoped Props | Description |
|---|---|---|
title | — | Custom title |
subtotal | { subtotal } | Custom subtotal line |
shipping | { shipping } | Custom shipping line |
tax | { tax } | Custom tax line |
discount | { discount } | Custom discount line |
total | { total } | Custom total display |
actions | — | Custom action buttons |