---
id: summary
title: Checkout Summary
description: Order summary block that lists line items, totals, and ancillary disclosures.
sidebar_position: 27
---
import {
CodeBlock,
PropsMarkdownTable,
PartsMarkdownTable,
getComponentParts,
getWebcomponentsVersion,
getPropsFromDocs,
} from '../../helpers';
import docsJson from '../../docs.json';
import componentTreeJson from '../../component-tree.json';
## Overview
Renders a summary of checkout details consisting of the checkout description and amount passed in the [create checkout API request](https://docs.justifi.tech/api-spec#tag/Checkouts/operation/CreateCheckout) as part of a checkout flow.
This component is **designed to be used within** the `justifi-modular-checkout` and **does not accept props directly**. Instead, it relies on the shared state passed through the Stencil Store, managed by the `justifi-modular-checkout` component.
**Authorization** and business context are also handled by `justifi-modular-checkout`, which manages authentication tokens and related configuration.
This component exposes **no public methods or properties** and is not intended for standalone use.
## Usage
{`
justifi-checkout-summary
`}
## Props, Events & Methods
### Events
No custom events; summary listens to the parent checkout for updates automatically.
### Public methods
1. `refresh()` – Fetch updated totals (useful if you change the checkout server-side).
## Theming & Layout