Getting Started with the Kendo UI for Angular PDF Export

The PDF Export component enables you to export pages and page sections to PDF files.

To export content to PDF:

  1. Place the content in the <kendo-pdf-export> component.
  2. Call the saveAs method to save the generated file.

The PDF component is a streamlined solution for exporting and handling content in PDF. To export content in PDF, you can also use the PDF output capabilities of the Drawing library which provides a more flexible but harder to use low-level API.

Basic Usage

The following example demonstrates the PDF Export component in action.

View Source
Edit In Stackblitz  
Change Theme:


Either use the quick setup (Angular CLI v6 or later) or manually add the package (Angular CLI v5 or earlier).

Quick Setup with Angular CLI v6 or Later

Angular CLI v6 supports the addition of packages through the ng add command which executes in one step the set of otherwise individually needed commands.

    ng add @progress/kendo-angular-pdf-export

Manual Setup

  1. Download and install the package.

       npm install --save @progress/kendo-angular-pdf-export @progress/kendo-angular-common @progress/kendo-drawing
  2. Once installed, import the PDFExportModule in your application root or feature module.

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { PDFExportModule } from '@progress/kendo-angular-pdf-export';
    import { AppComponent } from './app.component';
        bootstrap:    [AppComponent],
        declarations: [AppComponent],
        imports:      [BrowserModule, PDFExportModule]
    export class AppModule {


The PDF Export package requires the following peer dependencies to be installed by your application:

  • @angular/common
  • @angular/core
  • @progress/kendo-angular-common
  • @progress/kendo-drawing
  • rxjs

Functionality and Features

Refer to the Drawing library documentation for more information on: