> For the complete documentation index, see [llms.txt](https://developer.paddle.com/llms.txt).

# Checkout summary

Complete order summary with line items, subtotal, tax, and recurring billing details. Included as part of the inline checkout component.

---

## What it does

A compliant breakdown of a customer's purchase, similar to the one displayed in overlay checkout.

It includes line items, subtotal, tax, and recurring billing details. You can also include a link to your refund policy, if it differs from the Paddle.com standard refund policy.

## When to use

- You're directly composing a custom checkout layout, and you're not using the [inline checkout](https://developer.paddle.com/sdks/components/inline-checkout.md) component.
- You're displaying a quote, plan-change preview, or any other "here's what you'll pay" view.

**Registry:** [`https://developer.paddle.com/r/checkout-summary.json`](https://developer.paddle.com/r/checkout-summary.json)

## Install

```bash
npx shadcn@latest add @paddle/checkout-summary
```

Also runnable with `pnpm dlx shadcn@latest add @paddle/checkout-summary` or `yarn dlx shadcn@latest add @paddle/checkout-summary`.

## Props

- **summary** (CheckoutSummaryData): Order summary data — line items, totals, tax, recurring billing details. The recurring total renders separately from the immediate total even when they're equal, so the billing cycle is always explicit. Pass undefined to render the skeleton loading state.
- **policyUrl** (string): Link rendered below the totals (typically a refund or terms page). Omit to hide the link.
- **policyLabel** (string): Text for the policy link.. Default: `"Refund policy"`
- **className** (string): Extra Tailwind classes applied to the root element.