invoice
GraphInvoice
From, bill-to, line items, and a totals block. Write a markdown table; from and to are strings. A generic grid is Table.
studio invoice
From
mdxcn
Bill to
Acme Studio
- No.
- 0041
- Issued
- Mar 12, 2026
- Due
- Apr 11, 2026
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Design system | 1 | 4,200 | 4,200 |
| Motion pass | 1 | 1,800 | 1,800 |
| Docs rewrite | 8h | 180 | 1,440 |
- Amount due
- 7,440
Net 30. Wire to the account on file.
MDX
```
+---------------- [ INVOICE 0041 ] ----------------+
| |
| FROM BILL TO |
| mdxcn Acme Studio |
| |
| No. Issued Due |
| 0041 Mar 12, 2026 Apr 11, 2026 |
| |
| Description | Qty | Rate | Amount |
| --------------+-----+-------+------- |
| Design system | 1 | 4,200 | 4,200 |
| Motion pass | 1 | 1,800 | 1,800 |
| Docs rewrite | 8h | 180 | 1,440 |
| --------------+-----+-------+------- |
| Amount due 7,440 |
| |
| Net 30. Wire to the account on file. |
| |
+--------------------------------------------------+
```install
command
quote
From
mdxcn
Bill to
Northwind
- Valid until
- May 01
| Description | Amount |
|---|---|
| Registry install | 0 |
| Custom graph | 2,400 |
- Estimate
- 2,400
MDX
```
+------------------- [ QUOTE ] --------------------+
| |
| FROM BILL TO |
| mdxcn Northwind |
| |
| Valid until |
| May 01 |
| |
| Description | Amount |
| -----------------+------- |
| Registry install | 0 |
| Custom graph | 2,400 |
| -----------------+------- |
| Estimate 2,400 |
| |
+--------------------------------------------------+
```| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| from | InvoiceParty | string | — | Issuer name. A string, or name plus address lines. |
| to | InvoiceParty | string | — | Recipient name. A string, or name plus address lines. |
| meta | InvoiceMeta[] | — | Fields like number, issued, due. |
| items | InvoiceItem[] | — | Line items. qty and rate are optional; columns hide when unused. Optional when children are Markdown. |
| children | Markdown | — | | Description | Amount | | --- | --- | | Design system | 4,200 | |
| totals | InvoiceTotal[] | — | Rows under the items. Set accent on the amount due. |
| note | string | — | Muted line under the totals. Payment terms, etc. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |