steep components
All components

OrderListItem

One row of an account's order history — status badge, item count, total.

components/order-list-item.tsxPeer deps: lucide-react

Live preview

Usage

import { OrderListItem } from "@/components/order-list-item";

{orders.map((order) => (
  <OrderListItem
    key={order.id}
    orderNumber={order.number}
    status={order.status}
    totalCents={order.total}
    itemCount={order.items.length}
    createdAt={order.createdAt}
    href={`/account/orders/${order.id}`}
  />
))}