Order History 3 - Orders table with invoice downloadPro
A searchable orders table with status tabs, order date, item count, total and a per-row PDF invoice download link. Use it for B2B portals or accounts where customers need receipts for expense reports and bookkeeping.
About Order History 3
A searchable orders table with status tabs, order date, item count, total and a per-row PDF invoice download link. Use it for B2B portals or accounts where customers need receipts for expense reports and bookkeeping.
Order History 3 is a pro order history block for React, built on shadcn/ui and Tailwind CSS. It ships as 131 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- orders
- table
- invoice
- download
- filter
- search
- account
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/order-history-03Dependencies installed automatically: lucide-react.
Uses: badge, button, input, reveal, table, tabs, utils.
Usage
import OrderHistory03 from "@/components/blocks/order-history-03"
export default function Page() {
return <OrderHistory03 />
}