Skip to main content

​
OrderConfirmation

Need storefront configuration?

Use the public API origin, merchant slug, and location ID. Storefront components never receive a Crave API key; register each exact browser origin before making requests.
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

​
Import

​
Usage

​
Props

​
Order
required
The placed order object with items, totals, status, and fulfillment details.
​
() => 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