DocsBrowser-only alpha
Examples
Real-world business documents built with react-print-pdf. Live preview, full source, ready to copy.
Four documents that real businesses send out every day. Each page has:
- a live preview powered by the public workshop deployment
- the full source for the component
- a commentary explaining which library features the example exercises and why each pattern is there
Click "Export PDF" in any preview to download a real, selectable, embedded-font PDF.
Pick one
| Document | Format | Notable features |
|---|---|---|
| Receipt (thermal 80mm) | 80mm thermal slip | Narrow page, monospace stack, modifier lines, GST split |
| Invoice (A4 multi-page) | A4 | Header / footer repeat, page-breaking line items, totals band |
| Statement of account | A4 | 64 transactions, repeating table header, sticky closing balance |
| Financial summary report | A4 | KPI grid, mixed charts (vector + raster fallback), commentary blocks |
All four ship in the workshop repo under examples/demo/src/. Open one fixture and edit \u2014 the workshop's local dev server uses file:../.. so library changes show up immediately.
Copying patterns from these examples
The examples are intentionally pragmatic, not minimal. They include:
- realistic data shapes (line items, transactions, KPIs)
- branded headers and footers
- the small bits of CSS that matter for print (matched widths,
break-inside,data-pdf-raster)
So you can usually take a fixture, swap your own data in, and have something serviceable in 15 minutes. The full reference for each pattern is in Best practices and Pagination.