---
title: "Order history"
description: "A shop customer's orders: the one on its way with when it arrives and Track, then past orders with Buy again, the receipt and returns."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/order-history
---

# Order history

A shop customer's orders: the one on its way with when it arrives and Track, then past orders with Buy again, the receipt and returns.

An order on its way leads with when it arrives ("Arriving Thursday"), its number, pieces and total, thumbnails of what's in it and Track. Past orders say when they were delivered, with Buy again (which keeps its width while it adds, then says Added), the receipt, and Request return while the 30-day window is open, or the day it closed. Each order number opens its details. Every action is a link by default, or a button when the page passes a handler, such as one that opens the return form in a dialog.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/order-history
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, aspect-ratio, button, card, separator, spinner, text-link

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More account blocks

All 3, with install commands: https://ui.edbn.me/docs/blocks/account (Markdown: https://ui.edbn.me/docs/blocks/account.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt