Print plugin

The print plugin provides a button to print the current PDF document. It is possible to customize the button as well.

Install

npm install '@react-pdf-viewer/print';

The print plugin is included in the toolbar and default-layout plugins

import { printPlugin } from '@react-pdf-viewer/print';

// Import styles
import '@react-pdf-viewer/print/lib/styles/index.css';

const printPluginInstance = printPlugin(props?: PrintPluginProps);

The printPlugin() function takes an optional PrintPluginProps parameter that consists of the following property:

Property	Type	Description	From
`enableShortcuts`	`boolean`	Enable shortcuts	2.6.0

By default, the shortcut is enabled. Users can press ctrl + p to print the current document.

The plugin instance printPluginInstance provides the following properties:

Property	Type	Description	From
`Print`	`ReactElement`	Customizable print button	2.0.0
`PrintButton`	`ReactElement`	The default print button	2.0.0
`PrintMenuItem`	`ReactElement`	The default print menu item	2.5.0

<Viewer fileUrl="..." plugins={[printPluginInstance]} />

The print plugin provides other useful property as following:

import { PrintIcon } from '@react-pdf-viewer/print';

Property	Type	Description	From
`PrintIcon`	`ReactElement`	The print icon	2.0.0