Invoices Table
Billing history with mono invoice ids, status badges, and right aligned amounts.
Billing history with mono invoice ids, status badges, and right aligned amounts.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Invoices Table is the billing history panel every workspace settings page needs: invoice numbers like INV-2026-0388 in mono, the date, status as a badge (Paid in secondary, Open and Overdue in outline with Overdue carrying text-foreground weight to land the urgency), and amount right-aligned in tabular figures. Each row closes with a ghost icon button to download that invoice directly. The footer confirms the contract: amounts include tax, and the CSV export matches to the cent.
Invoices are one array. The mix of Paid, Open, and Overdue rows means any status badge permutation is visible at a glance, which is what a billing admin opens this page to see.
Reach for this block on the workspace billing page, wired to your billing API. Pair the download button with your invoice PDF endpoint and the Export CSV button with a filtered range query.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace billing history. Other invoice tables:
Tip: Overdue deserves more weight than Open; use text-foreground on the badge, not a status color.