> ## Documentation Index
> Fetch the complete documentation index at: /docs/llms.txt
> Use this file to discover all available pages before exploring further.

# <OrderConfirmation />

> Post-checkout screen showing order details, status, and estimated ready time.

# OrderConfirmation

<Snippet file="api-key-location.mdx" />

The confirmation screen displayed after a successful order placement. Shows the order number, item summary, estimated ready/delivery time, and real-time status updates.

## Preview

Desktop

Mobile

## Import

```tsx theme={null}
import { OrderConfirmation } from '@/components/OrderConfirmation'
```

## Usage

```tsx theme={null}
<OrderConfirmation
  order={placedOrder}
  onTrackOrder={handleTrackOrder}
/>
```

## Props

**order** `Order` *required*

The placed order object with items, totals, status, and fulfillment details.

**onTrackOrder** `() =\> void`

Optional callback to navigate to the order tracking view.

## Behavior

* Displays order number with a checkmark success animation
* Shows estimated ready time or delivery ETA
* Lists ordered items with quantities and prices
* Real-time status updates via polling or WebSocket
* "Track your order" CTA for delivery orders
* "Order again" button to reorder the same items


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.