Components•Transactions table
Components•Transactions table
Transactions table
Order history grouped by day. Filter by status with live counts, open a row to see its line items, and pick an order to inspect it. Amounts are formatted from minor units, refunds read negative.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/transactions-tableHow to use
import { TransactionsTable, type Transaction } from "@/components/bjork-ui/tables/transactions-table";const transactions: Transaction[] = [ { id: "txn_9f2c41", orderId: "#KS-2418", createdAt: "2026-10-08T17:52:00Z", customer: { name: "Mara Lindqvist", email: "mara.l@fernpost.io" }, amount: 12850, // minor units, negative for refunds currency: "USD", status: "paid", method: { kind: "credit", last4: "4419" }, items: [{ name: "Ash glaze mug, 12 oz", quantity: 2, unitAmount: 3400 }], },];<TransactionsTable transactions={transactions} timeZone="America/Chicago" onTransactionSelect={(tx) => router.push(`/orders/${tx.id}`)}/>
Transactions
12 transactions| Details | Order | Customer | Method | Status | Time | Amount |
|---|---|---|---|---|---|---|
| TodayOct 8 | Net for Today: Net$386.50 | |||||
Mara Lindqvistmara.l@fernpost.io | Credit •• 4419 | Paid | $128.50 | |||
2 items
| ||||||
Tobi Achterbergtobi@orchardline.co | Bank •• 0917 | Pending | $64.00 | |||
Priya Ramaswellpriya.r@kelpmail.com | Debit •• 2087 | Paid | $242.00 | |||
Jonah Feldmorejonah@quietfield.studio | Credit •• 7731 | Refunded | -$48.00 | |||
Elise Okonkwo-Hartelise@bramblemade.com | Credit •• 0042 | Failed | $39.00 | |||
| YesterdayOct 7 | Net for Yesterday: Net$286.50 | |||||
Wren Castellanowren.c@tidewater.app | Credit •• 5508 | Disputed | $156.00 | |||
Dario Mbeki-Lunddario@northloam.net | Wallet •• 6612 | Paid | $88.50 | |||
Hana Sorvarihana@pinecone.works | Debit •• 3390 | Paid | $42.00 | |||
| Oct 5Monday | Net for Oct 5: Net$289.00 | |||||
Mara Lindqvistmara.l@fernpost.io | Credit •• 4419 | Paid | $315.00 | |||
Teo Valdiviateo@saltbox.supply | Wallet •• 1874 | Refunded | -$26.00 | |||
| Oct 3Saturday | Net for Oct 3: Net$149.00 | |||||
Ines Halloranines@copperleaf.org | Credit •• 9925 | Paid | $93.00 | |||
Rafe Oyelaranrafe@gristmill.dev | Bank •• 4410 | Pending | $56.00 | |||