react-pdf
React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.
By vercel-labs · 2,050 installs
npx skills add vercel-labs/json-render --skill react-pdf
Source repository · Upstream listing
@json render/react pdf
React PDF renderer that generates PDF documents from JSON specs using @react pdf/renderer .
Installation
Quick Start
Render APIs
All render functions accept an optional second argument: { registry?, state?, handlers? } .
Standard Components
Component Description
Document Top level PDF wrapper (must be root)
Page Page with size (A4, LETTER), orientation, margins
View Generic container (padding, margin, background, border)
Row , Column Flex layout with gap, align, justify
Heading h1 h4 heading text
Text Body text (fontSize, color, weight, alignment)
Image Image from URL or base64
Link Hyperlink with text and href
Table Data table with typed columns and rows
List Ordered or unordered list
Divider Horizontal line separator
Spacer Empty vertical space
PageNumber Current page number and total pages
Custom Catalog
External Store (Controlled Mode)
Pass a StateStore for full control over state:
Nested lists can set repeat.statePath to { "$item": "field" } inside an enclosing repeat.
Server Safe Import
Import schema and catalog without pulling in React: