Transactions

Spec: Transactions family. Every state designed — including unknown. Settled stays quiet; problems get color.

Theme Direction Density

Transaction list

Grouped by day; pending floats above settled; expenses neutral, credits green, declines struck-through with the reason class. Density control re-densifies rows live.

Pending

Priya Kumar
Transfer · AED → INR −AED 10,036.75Pending

Today

Yesterday

Code

Transaction timeline

Per-stage expectations, honest stalls, and the unknown stage keeps the money-safety statement front and center.

✓Sent from your account
Today 14:32
✓Converted AED → INR
Today 14:32 · rate ₹25.0800 locked
●With recipient bank
Usually within 1 hour · expected by 15:30
○Delivered to Priya Kumar
We'll notify you

Code

Data table

Numeric columns end-aligned with tabular figures in both directions. Switch density to compact for the treasury view.

Date	Counterparty	Reference	Debit	Credit	Status
30 Aug	Gulf Star Trading LLC	INV-2026-0841	250,000.00	—	Awaiting approval
29 Aug	DEWA	CON-99231	843.50	—	Completed
29 Aug	Etisalat	ACC-55102	399.00	—	Completed
28 Aug	Client — Falcon Media FZ	RCP-1187	—	42,000.00	Completed

Code

Skeleton & empty state

Skeletons mirror real structure — never placeholder digits (no 0.00 flash). Empty states explain and enable, never blame.

No beneficiaries yet

Add someone to send money to — it takes a minute.

Code