Invoice document
No reference page demonstrates this component — it was inferred from the screens that use one, so there is no variant matrix behind it.
Usage
A printable-style invoice layout with a computed line-item total — a document meant to be read or exported, not an interactive billing UI (no edit-in-place, no payment action). Pair with a real print/PDF export step when that is genuinely needed.import { InvoiceDocument } from '@summonware/ui';Best practices
DoCompute the total from `items` (this component does) rather than passing a separate total prop — a document that can disagree with its own arithmetic is worse than one that cannot.
Don'tUse this as the basis for an editable invoice-creation form. This is the rendered document; a create/edit flow is a different, form-based surface.
Examples
Common configurations, variations and states.Subscription invoice
Invoice INV-2043
Billed to Acme Ltd
Issued Jul 1, 2026
Due Jul 15, 2026
| Description | Qty | Unit price | Amount |
|---|---|---|---|
| Platform subscription — Pro plan | 1 | $899.00 | $899.00 |
| Additional seats | 4 | $25.00 | $100.00 |
| Onboarding support | 1 | $250.00 | $250.00 |
Total$1249.00
Three line items, total computed automatically.