Easy React PDF
Overview
The Easy React PDF is a library that simplifies the process of generating PDF files from JSON configurations. With this library, you can easily create complex PDF documents with various styles, layouts, and content. and make it easy for templating PDF files.
Installation
You can install the library using npm:
npm install easy-react-pdf
Note
you need install react, react-pdf and react-dom in your project
npm install react react-dom @react-pdf/renderer
Usage
Node js
Stream File
import { createStreamPDF, IPDFPage } from "easy-react-pdf";
async function main(template: IPDFPage) {
const stream = await createStreamPDF(template);
return stream.pipe(fs.createWriteStream("output.pdf"));
}
Create File
import { createFilePDF, IPDFPage } from "easy-react-pdf";
async function main(template: IPDFPage) {
await createFilePDF(template, "path/to/file.pdf");
}
React
import { PDFViewer } from "@react-pdf/renderer";
import { Document } from "easy-react-pdf";
function Main(template: IPDFPage) {
return (
<PDFViewer>
<Document {...template} />
</PDFViewer>
);
}
Example Template
const contents: IPDFPage = {
contents: [
{
type: "views",
style: {
width: "100%",
height: "100%",
alignItems: "center",
justifyContent: "center",
display: "flex",
},
contents: [
{
type: "text",
text: "Hello World",
style: {
fontSize: 20,
fontWeight: "bold",
},
},
],
},
],
document: {
title: "Payment Schedules",
},
pages: {
size: "A4",
},
};
Top comments (0)