For AI agents and LLMs: a structured documentation index is available at /llms.txt. Every page has a Markdown sibling — append .md to any URL.

Skip to content
Docs

Checkout summary

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

Preview
Order summary
  • Pro plan — Monthly
    $29.99
  • API add-on × 2
    $9.98
Subtotal
$39.97
Tax
$8.00
Total
$47.97

7 days free trial. Then $47.97 / month.

Refund policy
Playground

Data

Props

Install

pnpm
pnpm dlx shadcn@latest add @paddle/checkout-summary
yarn
yarn dlx shadcn@latest add @paddle/checkout-summary
npm
npx 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
Default: "Refund policy"
Text for the policy link.
className string
Extra Tailwind classes applied to the root element.

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 component.
  • You're displaying a quote, plan-change preview, or any other "here's what you'll pay" view.

Was this page helpful?