KendoReact PDF Generator Overview

The KendoReact PDF Generator enables you to export a selection of or the entire content of a web page to a PDF file. With it, you can scale the content to better fit on the page, customize the paper size, change the page orientation, work with templates and use many others features that provide extensive control over the exported PDF file.

The KendoReact PDF Processing is built on React from the ground up, with zero dependencies, by a company with 19+ years of experience in making enterprise-ready components and UI widgets. This results in React PDF Processing that delivers lightning fast performance and is highly customizable.

React PDF Generator Demo

View Source
Edit In Stackblitz  
Change Theme:

This demo implements some of the features that are available in the React PDF generator.

  • You can export the content of the PDFExport component or export a specific DOM element.
  • Export to PDF multiple components including a KendoReact Data Grid and two KendoReact Charts.
  • Adjust the export PDF based on the content using the automatic paper size option.
  • Set custom margins for the export file.
  • Generate a dynamic file name based on the current date.
  • Set the author (metadata) to reflect you or your organization.

React PDF Generator Features

Among the many features, which the KendoReact PDF Export delivers are:

  • Image resolution You can limit the image resolution to improve performance (the default is to export images in their original resolution).
  • HyperlinksYou can choose if the hyperlinks should be clickable or not in the exported PDF file.
  • Content scalingThe KendoReact PDF Renderer enables you to export a PDF document that is bigger or smaller than its original elements in order to fit a large document on a single page.
  • Margin configurationThe PDF Processing functionality delivers options for setting the margins of the output PDF files, which provides better control over the layout of the exported document.
  • Repeated table headersThe PDF Processing component enables you to render recurrent table headers.
  • Multi-page contentFor larger documents, the KendoReact PDF Renderer provides options for generating multi-page PDF files, preventing page-split, and rendering page templates.
  • Hidden contentIf you need to display certain content only in the exported PDF, you can generate content, which is otherwise not visible to the user before the PDF file is exported.
  • Base64 StringsWhen the document has to be exported on the server, the React PDF Generator enables you to create base64 string during the PDF export and send it to the server.
  • Content stylingYou can change the appearance of the content with CSS rules that apply only to the PDF file, which allows styling the generated PDF without changing the web page appearance.
  • Theme supportThe KendoReact PDF Processing, as well as all 90+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
  • KendoReact PDF Processing and all KendoReact components are natively written with TypeScript and provide all the benefits of TypeScript, such as typings, IntelliSense and many others.

Support Options

For any issues you might encounter while working with the KendoReact PDF Generator, use any of the available support channels:

  • KendoReact license holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the KendoReact dedicated support system.
  • KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
  • KendoReact feedback portal and KendoReact roadmap provide information on the features in discussion and also the planned ones for release.
  • KendoReact uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
  • You may still need a tailor-made solution for your project. In such cases, go straight to Telerik Services.

How to Generate PDF in React: Tutorials

KendoReact Product Manager Carl Bergenhem has created a series of blogs and companion videos to demonstrate the rich capabilities of the KendoReact PDF Processing functionality. With them, you will learn how to export any React web page to PDF and how to tackle some interesting scenarios.

Blog series

Video tutorials