react-pdf - npm-1
Uploaded by
shravan.tctk0533react-pdf - npm-1
Uploaded by
shravan.tctk0533react-pdf - npm https://www.npmjs.
com/package/react-pdf
Pro Teams Pricing Documentation
Sign Up Sign In
Search packages Search
react-pdf
9.2.1 • Public • Published 12 hours ago
Readme
Code Beta
8 Dependencies
918 Dependents
148 Versions
npm v9.2.1 downloads 64M CI passing
React-PDF
Display PDFs in your React app as easily as if they were images.
Lost?
This package is used to display existing PDFs. If you wish to create PDFs using React, you
may be looking for @react-pdf/renderer.
tl;dr
• Install by executing npm install react-pdf or yarn add react-pdf .
• Import by adding import { Document } from 'react-pdf' .
1 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
• Use by adding <Document file="..." /> . file can be a URL, base64 content,
Uint8Array, and more.
• Put <Page /> components inside <Document /> to render pages.
Demo
A minimal demo page can be found in sample directory.
Online demo is also available!
Before you continue
React-PDF is under constant development. This documentation is written for React-PDF
9.x branch. If you want to see documentation for other versions of React-PDF, use
dropdown on top of GitHub page to switch to an appropriate tag. Here are quick links to
the newest docs from each branch:
• v8.x
• v7.x
• v6.x
• v5.x
• v4.x
• v3.x
• v2.x
• v1.x
Getting started
Compatibility
Browser support
React-PDF supports all modern browsers. It is tested with the latest versions of Chrome,
Edge, Safari, Firefox, and Opera.
The following browsers are supported out of the box in React-PDF v9:
2 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
• Chrome ≥119
• Edge ≥119
• Safari ≥17.4
• Firefox ≥121
You may extend the list of supported browsers by providing additional polyfills (e.g. for
Array.prototype.at , Promise.allSettled or Promise.withResolvers ) and
either configuring your bundler to transpile pdfjs-dist or using legacy PDF.js worker.
If you need to support older browsers, you will need to use React-PDF v6 or earlier.
React
To use the latest version of React-PDF, your project needs to use React 16.8 or later.
If you use an older version of React, please refer to the table below to a find suitable
React-PDF version.
React version Newest compatible React-PDF version
≥16.8 latest
≥16.3 5.x
≥15.5 4.x
Preact
React-PDF may be used with Preact.
Installation
Add React-PDF to your project by executing npm install react-pdf or yarn add
react-pdf .
Next.js
If you use Next.js without Turbopack enabled, add the following to your
next.config.js :
3 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
module.exports = {
+ webpack: (config) => {
+ config.resolve.alias.canvas = false;
+ return config;
+ },
}
If you use Next.js with Turbopack enabled, add empty-module.ts file:
export default {};
and add the following to your next.config.js :
module.exports = {
+ experimental: {
+ turbo: {
+ resolveAlias: {
+ canvas: './empty-module.ts',
+ },
+ },
+ },
};
If you use Next.js prior to v15 (v15.0.0-canary.53, specifically), you may need to add the
following to your next.config.js :
module.exports = {
+ swcMinify: false,
}
Configure PDF.js worker
4 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
5 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
For React-PDF to work, PDF.js worker needs to be provided. You have several options.
Import worker (recommended)
For most cases, the following example will work:
import { pdfjs } from 'react-pdf';
pdfjs.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
import.meta.url,
).toString();
[!NOTE] In Next.js:
• Using App Router, make sure to add 'use client'; to the top of the file.
• Using Pages Router, make sure to disable SSR when importing the component
you're using this code in.
[!NOTE] pnpm requires an .npmrc file with public-hoist-pattern[]=pdfjs-
dist for this to work.
▸ See more examples
Copy worker to public directory
You will have to make sure on your own that pdf.worker.mjs file from pdfjs-dist/
build is copied to your project's output folder.
For example, you could use a custom script like:
import path from 'node:path';
import fs from 'node:fs';
const pdfjsDistPath = path.dirname(require.resolve('pdfjs-dist/packa
6 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
7 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
8 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
const pdfWorkerPath = path.join(pdfjsDistPath, 'build', 'pdf.worker.
fs.cpSync(pdfWorkerPath, './dist/pdf.worker.mjs', { recursive:
Use external CDN
import { pdfjs } from 'react-pdf';
pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@
Legacy PDF.js worker
If you need to support older browsers, you may use legacy PDF.js worker. To do so, follow
the instructions above, but replace /build/ with legacy/build/ in PDF.js worker
import path, for example:
pdfjs.GlobalWorkerOptions.workerSrc = new URL(
- 'pdfjs-dist/build/pdf.worker.min.mjs',
+ 'pdfjs-dist/legacy/build/pdf.worker.min.mjs',
import.meta.url,
).toString();
or:
-pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdf
+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdf
Usage
Here's an example of basic usage:
import { useState } from 'react';
import { Document, Page } from 'react-pdf';
9 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
10 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
11 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
12 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
function MyApp() {
const [numPages, setNumPages] = useState<number>();
const [pageNumber, setPageNumber] = useState<number>(1);
function onDocumentLoadSuccess({ numPages }: { numPages: number
setNumPages(numPages);
}
return (
<div>
<Document file="somefile.pdf" onLoadSuccess={onDocumentLoadSuc
<Page pageNumber={pageNumber} />
</Document>
<p>
Page {pageNumber} of {numPages}
</p>
</div>
);
}
Check the sample directory in this repository for a full working example. For more
examples and more advanced use cases, check Recipes in React-PDF Wiki.
Support for annotations
If you want to use annotations (e.g. links) in PDFs rendered by React-PDF, then you would
need to include stylesheet necessary for annotations to be correctly displayed like so:
import 'react-pdf/dist/Page/AnnotationLayer.css';
Support for text layer
If you want to use text layer in PDFs rendered by React-PDF, then you would need to
include stylesheet necessary for text layer to be correctly displayed like so:
13 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
14 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
15 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
16 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
17 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
import 'react-pdf/dist/Page/TextLayer.css';
Support for non-latin characters
If you want to ensure that PDFs with non-latin characters will render perfectly, or you
have encountered the following warning:
Warning: The CMap "baseUrl" parameter must be specified, ensure that the "cMa
then you would also need to include cMaps in your build and tell React-PDF where they
are.
Copying cMaps
First, you need to copy cMaps from pdfjs-dist (React-PDF's dependency - it should be
in your node_modules if you have React-PDF installed). cMaps are located in pdfjs-
dist/cmaps .
Vite
Add vite-plugin-static-copy by executing npm install vite-plugin-
static-copy --save-dev or yarn add vite-plugin-static-copy --dev and
add the following to your Vite config:
18 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
19 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
20 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
21 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
22 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
23 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
+import path from 'node:path';
+import { createRequire } from 'node:module';
-import { defineConfig } from 'vite';
+import { defineConfig, normalizePath } from 'vite';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+const require = createRequire(import.meta.url);
+
+const pdfjsDistPath = path.dirname(require.resolve('pdfjs-dist/pack
+const cMapsDir = normalizePath(path.join(pdfjsDistPath, 'cmaps'));
export default defineConfig({
plugins: [
+ viteStaticCopy({
+ targets: [
+ {
+ src: cMapsDir,
+ dest: '',
+ },
+ ],
+ }),
]
});
Webpack
Add copy-webpack-plugin by executing npm install copy-webpack-plugin --
save-dev or yarn add copy-webpack-plugin --dev and add the following to your
Webpack config:
+import path from 'node:path';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
24 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
25 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
26 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
27 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
28 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
29 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
30 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
+const pdfjsDistPath = path.dirname(require.resolve('pdfjs-dist/pack
+const cMapsDir = path.join(pdfjsDistPath, 'cmaps');
module.exports = {
plugins: [
+ new CopyWebpackPlugin({
+ patterns: [
+ {
+ from: cMapsDir,
+ to: 'cmaps/'
+ },
+ ],
+ }),
],
};
Other tools
If you use other bundlers, you will have to make sure on your own that cMaps are copied
to your project's output folder.
For example, you could use a custom script like:
import path from 'node:path';
import fs from 'node:fs';
const pdfjsDistPath = path.dirname(require.resolve('pdfjs-dist/packa
const cMapsDir = path.join(pdfjsDistPath, 'cmaps');
fs.cpSync(cMapsDir, 'dist/cmaps/', { recursive: true });
Setting up React-PDF
Now that you have cMaps in your build, pass required options to Document component
31 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
32 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
33 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
34 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
35 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
36 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
37 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
38 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
by using options prop, like so:
// Outside of React component
const options = {
cMapUrl: '/cmaps/',
};
// Inside of React component
<Document options={options} />;
[!NOTE] Make sure to define options object outside of your React component, and
use useMemo if you can't.
Alternatively, you could use cMaps from external CDN:
// Outside of React component
import { pdfjs } from 'react-pdf';
const options = {
cMapUrl: `https://unpkg.com/pdfjs-dist@${pdfjs.version}/cmaps/`
};
// Inside of React component
<Document options={options} />;
Support for standard fonts
If you want to support PDFs using standard fonts (deprecated in PDF 1.5, but still around),
ot you have encountered the following warning:
The standard font "baseUrl" parameter must be specified, ensure that the "sta
then you would also need to include standard fonts in your build and tell React-PDF
39 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
40 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
41 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
42 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
43 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
44 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
45 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
46 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
47 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
where they are.
Copying fonts
First, you need to copy standard fonts from pdfjs-dist (React-PDF's dependency - it
should be in your node_modules if you have React-PDF installed). Standard fonts are
located in pdfjs-dist/standard_fonts .
Vite
Add vite-plugin-static-copy by executing npm install vite-plugin-
static-copy --save-dev or yarn add vite-plugin-static-copy --dev and
add the following to your Vite config:
+import path from 'node:path';
+import { createRequire } from 'node:module';
-import { defineConfig } from 'vite';
+import { defineConfig, normalizePath } from 'vite';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+const require = createRequire(import.meta.url);
+const standardFontsDir = normalizePath(
+ path.join(path.dirname(require.resolve('pdfjs-dist/package.json')
+);
export default defineConfig({
plugins: [
+ viteStaticCopy({
+ targets: [
+ {
+ src: standardFontsDir,
+ dest: '',
+ },
+ ],
48 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
49 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
50 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
51 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
52 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
53 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
54 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
55 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
56 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
57 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
+ }),
]
});
Webpack
Add copy-webpack-plugin by executing npm install copy-webpack-plugin --
save-dev or yarn add copy-webpack-plugin --dev and add the following to your
Webpack config:
+import path from 'node:path';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+const standardFontsDir = path.join(path.dirname(require.resolve('pd
module.exports = {
plugins: [
+ new CopyWebpackPlugin({
+ patterns: [
+ {
+ from: standardFontsDir,
+ to: 'standard_fonts/'
+ },
+ ],
+ }),
],
};
Other tools
If you use other bundlers, you will have to make sure on your own that standard fonts are
copied to your project's output folder.
For example, you could use a custom script like:
58 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
59 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
60 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
61 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
62 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
63 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
64 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
65 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
66 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
67 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
68 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
import path from 'node:path';
import fs from 'node:fs';
const pdfjsDistPath = path.dirname(require.resolve('pdfjs-dist/packa
const standardFontsDir = path.join(pdfjsDistPath, 'standard_fonts'
fs.cpSync(standardFontsDir, 'dist/standard_fonts/', { recursive
Setting up React-PDF
Now that you have standard fonts in your build, pass required options to Document
component by using options prop, like so:
// Outside of React component
const options = {
standardFontDataUrl: '/standard_fonts/',
};
// Inside of React component
<Document options={options} />;
[!NOTE] Make sure to define options object outside of your React component, and
use useMemo if you can't.
Alternatively, you could use standard fonts from external CDN:
// Outside of React component
import { pdfjs } from 'react-pdf';
const options = {
standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${pdfjs.version
};
69 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
70 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
71 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
72 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
73 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
74 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
75 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
76 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
77 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
78 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
79 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
80 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
// Inside of React component
<Document options={options} />;
User guide
Document
Loads a document passed using file prop.
Props
Prop name Description Default value
• String:
Class name(s) that will be
"custom-cl
added to rendered
custom-cla
className element along with the n/a
• Array of string
default react-
["custom-c
pdf__Document .
"custom-cl
• String:
"An error
What the component "Failed to • React element
error should display in case of load PDF <p>An erro
an error. file." p>
• Function:
this.rende
externalLinkRel Link rel for links rendered "noopener One of valid
in annotations. noreferrer
nofollow" • "noopener"
• "noreferre
81 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
82 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
83 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
84 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
85 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
86 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
87 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
88 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
89 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
90 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
91 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
92 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
93 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description Default value
• "nofollow"
• "noopener
One of valid
attribute
unset, which
Link target for external means that • "_self"
externalLinkTarget links rendered in default
• "_blank"
annotations. behavior will be
• "_parent"
used
• "_top"
What PDF should be
displayed.
Its value can be an URL, a
file (imported using
import … from … or
• URL:
from file input form
"https://e
element), or an object
sample.pdf
with parameters ( url -
URL; data - data, • File:
import imp
preferably Uint8Array;
file n/a '../static
range -
then
PDFDataRangeTransport.
sample
Warning: Since equality
• Parameter obj
check ( === ) is used to
{ url: 'ht
determine if file
example.co
object has changed, it
must be memoized by
setting it in component's
state, useMemo or other
similar technique.
94 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
95 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
96 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
97 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
98 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
99 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
100 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
101 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
102 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
103 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
104 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
105 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
106 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
107 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description Default value
The path used to prefix n/a (pdf.js will
imageResourcesPath the src attributes of fallback to an "/public/im
annotation SVGs. empty string)
• Function:
(ref) => {
this.myDoc
A prop that behaves like • Ref created us
ref, but it's passed to this.ref =
inputRef main <div> rendered n/a …
by <Document> inputRef={
component. • Ref created us
const ref
…
inputRef={
• String:
"Please wa
What the component
"Loading • React element
loading should display while
PDF…" <p>Please
loading.
• Function:
this.rende
108 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
109 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
110 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
111 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
112 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
113 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
114 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
115 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
116 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
117 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
118 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
119 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
120 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
121 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
122 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description Default value
• String:
"Please se
What the component "No PDF • React element
noData should display in case of file <p>Please
no data. specified." file.</p>
• Function:
this.rende
Function called when an
outline item or a
thumbnail has been ({ dest, pa
clicked. Usually, you pageNumber }
onItemClick n/a
would like to use this alert('Click
callback to move the user page ' + pag
wherever they requested
to.
Function called in case of (error) =>
onLoadError an error while loading a n/a while loadin
document. error.messag
Function called, ({ loaded,
potentially multiple alert('Loadi
onLoadProgress n/a
times, as the loading ' + (loaded
progresses. + '%')
Function called when the (pdf) => al
onLoadSuccess document is successfully n/a file with '
loaded. + ' pages!')
onPassword Function called when a Function that (callback)
password-protected PDF prompts the callback('s3
123 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
124 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
125 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
126 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
127 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
128 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
129 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
130 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
131 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
132 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
133 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
134 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
135 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
136 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
137 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
138 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description Default value
user for
is loaded.
password.
Function called in case of
(error) =>
an error while retrieving
onSourceError n/a while retrie
document source from
source! ' +
file prop.
Function called when
document source is () => alert
onSourceSuccess n/a
successfully retrieved source retri
from file prop.
options An object in which n/a { cMapUrl:
additional parameters to
be passed to PDF.js can
be defined. Most notably:
• cMapUrl ;
• httpHeaders -
custom request
headers, e.g. for
authorization);
• withCredentials
- a boolean to indicate
whether or not to
include cookies in the
request (defaults to
false )
For a full list of possible
parameters, check PDF.js
documentation on
DocumentInitParameters.
139 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
140 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
141 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
142 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
143 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
144 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
145 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
146 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
147 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
148 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
149 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
150 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
151 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
152 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
153 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
154 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
155 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description Default value
Note: Make sure to define
options object outside of
your React component,
and use useMemo if you
can't.
Rendering mode of the
document. Can be
"canvas" ,
"custom" or
renderMode "canvas" "custom"
"none" . If set to
"custom" ,
customRenderer
must also be provided.
Rotation of the document
in degrees. If provided,
will change rotation
globally, even for the
pages which were given
rotate n/a 90
rotate prop of their
own. 90 = rotated to the
right, 180 = upside
down, 270 = rotated to
the left.
Page
Displays a page. Should be placed inside <Document /> . Alternatively, it can have pdf
prop passed, which can be obtained from <Document /> 's onLoadSuccess callback
function, however some advanced functions like rendering annotations and linking
between pages inside a document may not be working correctly.
156 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
157 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
158 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
159 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
160 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
161 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
162 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
163 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
164 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
165 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
166 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
167 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
168 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
169 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
170 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
171 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
172 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
173 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Props
Prop name Description
Canvas background color. Any
canvasBackground valid canvas.fillStyle n/a
can be used.
A prop that behaves like ref,
but it's passed to <canvas>
canvasRef n/a
rendered by <Canvas>
component.
Class name(s) that will be
added to rendered element
className n/a
along with the default
react-pdf__Page .
Function that customizes how
a page is rendered. You must
customRenderer n/a
set renderMode to
"custom" to use this prop.
174 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
175 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
176 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
177 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
178 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
179 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
180 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
181 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
182 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
183 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
184 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
185 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
186 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
187 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
188 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
189 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
190 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
191 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
192 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description
Function that customizes how
customTextRenderer n/a
a text layer is rendered.
The ratio between physical
pixels and device-independent
devicePixelRatio window.devic
pixels (DIPs) on the current
device.
What the component should "Failed to l
error
display in case of an error. page."
Page height. If neither
height nor width are
defined, page will be rendered
at the size defined in PDF. If
you define width and
height height at the same time, Page's default hei
height will be ignored. If
you define height and
scale at the same time, the
height will be multiplied by a
given factor.
The path used to prefix the src n/a (pdf.js will fall
imageResourcesPath
attributes of annotation SVGs. empty string)
inputRef A prop that behaves like ref, n/a
193 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
194 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
195 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
196 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
197 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
198 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
199 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
200 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
201 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
202 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
203 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
204 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
205 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
206 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
207 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
208 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
209 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
210 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
211 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
212 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description
but it's passed to main
<div> rendered by
<Page> component.
What the component should
loading "Loading pag
display while loading.
What the component should
noData "No page spe
display in case of no data.
Function called in case of an
onGetAnnotationsError error while loading n/a
annotations.
onGetAnnotationsSuccess Function called when n/a
213 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
214 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
215 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
216 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
217 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
218 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
219 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
220 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
221 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
222 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
223 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
224 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
225 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
226 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
227 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
228 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
229 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
230 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
231 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
232 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
233 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description
annotations are successfully
loaded.
Function called in case of an
onGetStructTreeError error while loading structure n/a
tree.
Function called when
onGetStructTreeSuccess structure tree is successfully n/a
loaded.
Function called in case of an
onGetTextError error while loading text layer n/a
items.
Function called when text
onGetTextSuccess layer items are successfully n/a
loaded.
Function called in case of an
onLoadError n/a
error while loading the page.
Function called when the page
onLoadSuccess n/a
is successfully loaded.
Function called in case of an
onRenderAnnotationLayerError error while rendering the n/a
annotation layer.
Function called when
onRenderAnnotationLayerSuccess annotations are successfully n/a
rendered on the screen.
234 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
235 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
236 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
237 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
238 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
239 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
240 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
241 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
242 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
243 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
244 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
245 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
246 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
247 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
248 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
249 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
250 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
251 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
252 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
253 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
254 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
255 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description
Function called in case of an
onRenderError error while rendering the n/a
page.
Function called when the page
onRenderSuccess is successfully rendered on the n/a
screen.
Function called in case of an
onRenderTextLayerError error while rendering the text n/a
layer.
Function called when the text
onRenderTextLayerSuccess layer is successfully rendered n/a
on the screen.
Which page from PDF file
should be displayed, by page
pageIndex index. Ignored if 0
pageNumber prop is
provided.
Which page from PDF file
should be displayed, by page
pageNumber number. If provided, 1
pageIndex prop will be
ignored.
pdf object obtained from
<Document /> 's (automatically ob
onLoadSuccess callback parent <Docume
function.
renderAnnotationLayer Whether annotations (e.g. true
256 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
257 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
258 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
259 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
260 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
261 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
262 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
263 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
264 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
265 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
266 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
267 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
268 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
269 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
270 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
271 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
272 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
273 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
274 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
275 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
276 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
277 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
278 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description
links) should be rendered.
Whether forms should be
rendered.
renderForms false
renderAnnotationLayer
prop must be set to true .
Rendering mode of the
document. Can be
"canvas" , "custom" or
renderMode "none" . If set to "canvas"
"custom" ,
customRenderer must
also be provided.
Whether a text layer should be
renderTextLayer true
rendered.
Rotation of the page in
degrees. 90 = rotated to the
rotate Page's default sett
right, 180 = upside down,
270 = rotated to the left.
scale Page scale. 1
width Page width. If neither Page's default wid
height nor width are
defined, page will be rendered
at the size defined in PDF. If
you define width and
height at the same time,
height will be ignored. If
you define width and
scale at the same time, the
279 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
280 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
281 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
282 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
283 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
284 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
285 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
286 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
287 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
288 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
289 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
290 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
291 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
292 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
293 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
294 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
295 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
296 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
297 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
298 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
299 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
300 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
301 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
302 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Prop name Description
width will be multiplied by a
given factor.
Outline
Displays an outline (table of contents). Should be placed inside <Document /> .
Alternatively, it can have pdf prop passed, which can be obtained from <Document /
> 's onLoadSuccess callback function.
Props
Default
Prop name Description Example values
value
• String:
Class name(s) that "custom-class-
will be added to name-1 custom-
rendered element class-name-2"
className n/a
along with the • Array of strings:
default react- ["custom-class-
pdf__Outline . name-1", "custom-
class-name-2"]
inputRef A prop that n/a
behaves like ref, • Function:
(ref) => {
but it's passed to
this.myOutline =
main <div>
ref; }
rendered by
• Ref created using
<Outline>
createRef :
component.
this.ref =
createRef();
…
inputRef={this.ref}
303 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
304 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
305 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
306 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
307 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
308 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
309 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
310 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
311 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
312 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
313 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
314 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
315 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
316 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
317 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
318 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
319 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
320 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
321 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
322 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
323 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
324 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
325 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
326 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
327 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Default
Prop name Description Example values
value
• Ref created using useRef
const ref =
useRef();
…
inputRef={ref}
Function called
when an outline
item has been ({ dest, pageIndex,
clicked. Usually, pageNumber }) =>
onItemClick you would like to n/a alert('Clicked an
use this callback item from page ' +
to move the user pageNumber + '!')
wherever they
requested to.
(error) =>
Function called in
alert('Error while
case of an error
onLoadError n/a retrieving the
while retrieving
outline! ' +
the outline.
error.message)
Function called (outline) =>
when the outline alert('The outline
onLoadSuccess n/a
is successfully has been successfully
retrieved. retrieved.')
Thumbnail
Displays a thumbnail of a page. Does not render the annotation layer or the text layer.
Does not register itself as a link target, so the user will not be scrolled to a Thumbnail
component when clicked on an internal link (e.g. in Table of Contents). When clicked,
attempts to navigate to the page clicked (similarly to a link in Outline). Should be placed
328 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
329 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
330 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
331 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
332 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
333 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
334 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
335 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
336 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
337 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
338 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
339 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
340 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
341 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
342 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
343 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
344 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
345 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
346 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
347 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
348 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
349 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
350 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
351 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
352 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
353 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
inside <Document /> . Alternatively, it can have pdf prop passed, which can be
obtained from <Document /> 's onLoadSuccess callback function.
Props
Props are the same as in <Page /> component, but certain annotation layer and text
layer-related props are not available:
• customTextRenderer
• onGetAnnotationsError
• onGetAnnotationsSuccess
• onGetTextError
• onGetTextSuccess
• onRenderAnnotationLayerError
• onRenderAnnotationLayerSuccess
• onRenderTextLayerError
• onRenderTextLayerSuccess
• renderAnnotationLayer
• renderForms
• renderTextLayer
On top of that, additional props are available:
Default
Prop name Description Example values
value
354 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
355 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
356 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
357 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
358 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
359 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
360 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
361 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
362 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
363 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
364 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
365 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
366 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
367 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
368 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
369 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
370 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
371 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
372 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
373 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
374 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
375 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
376 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
377 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
378 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
379 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
380 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Default
Prop name Description Example values
value
• String:
"custom-class-
Class name(s) that will be name-1 custom-
added to rendered class-name-2"
className element along with the n/a • Array of strings:
default react- ["custom-
pdf__Thumbnail . class-name-1",
"custom-class-
name-2"]
({ dest,
Function called when a
pageIndex,
thumbnail has been
pageNumber }) =>
clicked. Usually, you
alert('Clicked
onItemClick would like to use this n/a
an item from
callback to move the user
page ' +
wherever they requested
pageNumber +
to.
'!')
Useful links
• React-PDF Wiki
License
The MIT License.
Author
381 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
382 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
383 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
384 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
385 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
386 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
387 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
388 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
389 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
390 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
391 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
392 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
393 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
394 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
395 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
396 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
397 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
398 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
399 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
400 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
401 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
402 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
403 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
404 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
405 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
406 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
407 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
408 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Wojciech Maj
Thank you
This project wouldn't be possible without the awesome work of Niklas Närhinen who
created its original version and without Mozilla, author of pdf.js. Thank you!
Sponsors
Thank you to all our sponsors! Become a sponsor and get your image on our README on
GitHub.
Backers
Thank you to all our backers! Become a backer and get your image on our README on
GitHub.
Top Contributors
Thank you to all our contributors that helped on this project!
409 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
410 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
411 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
412 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
413 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
414 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
415 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
416 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
417 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
418 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
419 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
420 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
421 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
422 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
423 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
424 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
425 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
426 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
427 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
428 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
429 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
430 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
431 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
432 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
433 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
434 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
435 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
436 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
437 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Keywords
pdf pdf-viewer react
Provenance
Built and signed on
GitHub Actions
View build summary
Source Commit
github.com/wojtekmaj/react-pdf@5e0d135
Build File
.github/workflows/publish.yml
Public Ledger
Transparency log entry
Share feedback
Install
438 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
439 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
440 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
441 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
442 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
443 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
444 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
445 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
446 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
447 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
448 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
449 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
450 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
451 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
452 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
453 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
454 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
455 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
456 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
457 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
458 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
459 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
460 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
461 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
462 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
463 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
464 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
465 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
466 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
467 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
npm i react-pdf
Repository
github.com/wojtekmaj/react-pdf
Homepage
github.com/wojtekmaj/react-pdf#readme
Fund this package
Weekly Downloads
11,07,548
Version License
9.2.1 MIT
Unpacked Size Total Files
552 kB 167
Issues Pull Requests
38 10
Last publish
12 hours ago
Collaborators
Try on RunKit
Report malware
468 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
469 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
470 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
471 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
472 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
473 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
474 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
475 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
476 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
477 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
478 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
479 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
480 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
481 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
482 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
483 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
484 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
485 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
486 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
487 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
488 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
489 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
490 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
491 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
492 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
493 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
494 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
495 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
496 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
497 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
498 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Support
Help
Advisories
Status
Contact npm
Company
About
Blog
Press
499 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
500 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
501 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
502 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
503 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
504 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
505 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
506 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
507 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
508 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
509 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
510 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
511 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
512 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
513 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
514 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
515 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
516 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
517 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
518 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
519 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
520 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
521 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
522 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
523 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
524 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
525 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
526 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
527 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
528 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
529 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
530 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
Terms & Policies
Policies
Terms of Use
Code of Conduct
Privacy
531 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
532 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
533 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
534 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
535 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
536 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
537 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
538 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
539 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
540 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
541 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
542 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
543 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
544 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
545 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
546 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
547 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
548 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
549 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
550 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
551 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
552 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
553 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
554 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
555 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
556 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
557 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
558 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
559 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
560 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
561 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
562 of 563 20/12/24, 4:32 pm
react-pdf - npm https://www.npmjs.com/package/react-pdf
563 of 563 20/12/24, 4:32 pm
You might also like
- Adios Dolor de Espalda PDF Gratis CompletoNo ratings yetAdios Dolor de Espalda PDF Gratis Completo607 pages
- Acrylic I3 Pro B 3D Printer Building Instruction PDFNo ratings yetAcrylic I3 Pro B 3D Printer Building Instruction PDF94 pages
- React-Pdf: React Renderer For Creating PDF Files On The Browser and ServerNo ratings yetReact-Pdf: React Renderer For Creating PDF Files On The Browser and Server5 pages
- JAVASCRIPT FRONT END PROGRAMMING: Crafting Dynamic and Interactive User Interfaces with JavaScript (2024 Guide for Beginners)From EverandJAVASCRIPT FRONT END PROGRAMMING: Crafting Dynamic and Interactive User Interfaces with JavaScript (2024 Guide for Beginners)No ratings yet
- Install React and React-Pdf: Something, You Still Need To Have React To Make It Work (And ReactNo ratings yetInstall React and React-Pdf: Something, You Still Need To Have React To Make It Work (And React3 pages
- WWW Academia Edu 7630500 Obligations and Contracts ReviewerNo ratings yetWWW Academia Edu 7630500 Obligations and Contracts Reviewer52 pages
- Quick Configuration of Openldap and Kerberos In Linux and Authenicating Linux to Active DirectoryFrom EverandQuick Configuration of Openldap and Kerberos In Linux and Authenicating Linux to Active DirectoryNo ratings yet
- Configuration of a Simple Samba File Server, Quota and Schedule BackupFrom EverandConfiguration of a Simple Samba File Server, Quota and Schedule BackupNo ratings yet
- Firebase Storage for Angular: A reliable file upload solution for your applicationsFrom EverandFirebase Storage for Angular: A reliable file upload solution for your applicationsNo ratings yet
- Learn Kubernetes & Docker - .NET Core, Java, Node.JS, PHP or PythonFrom EverandLearn Kubernetes & Docker - .NET Core, Java, Node.JS, PHP or PythonNo ratings yet
- Evaluation of Some Intrusion Detection and Vulnerability Assessment ToolsFrom EverandEvaluation of Some Intrusion Detection and Vulnerability Assessment ToolsNo ratings yet
- Parallel Python with Dask: Perform distributed computing, concurrent programming and manage large datasetFrom EverandParallel Python with Dask: Perform distributed computing, concurrent programming and manage large datasetNo ratings yet
- Evaluation of Some Windows and Linux Intrusion Detection ToolsFrom EverandEvaluation of Some Windows and Linux Intrusion Detection ToolsNo ratings yet
- PDF-LIB Create and Modify PDF Documents in Any JavaScript EnvironmentNo ratings yetPDF-LIB Create and Modify PDF Documents in Any JavaScript Environment21 pages
- Learn Kubernetes - Container orchestration using Docker: Learn CollectionFrom EverandLearn Kubernetes - Container orchestration using Docker: Learn Collection4/5 (1)
- TensorFlow Developer Certificate Exam Practice Tests 2024 Made EasyFrom EverandTensorFlow Developer Certificate Exam Practice Tests 2024 Made EasyNo ratings yet
- DevOps. How to build pipelines with Jenkins, Docker container, AWS ECS, JDK 11, git and maven 3?From EverandDevOps. How to build pipelines with Jenkins, Docker container, AWS ECS, JDK 11, git and maven 3?No ratings yet
- Utilidades Gatovolador Net Issuu Down PHP Url Https 3A 2F 2FNo ratings yetUtilidades Gatovolador Net Issuu Down PHP Url Https 3A 2F 2F237 pages
- Continuous Delivery with Docker and Jenkins - Second Edition: Create secure applications by building complete CI/CD pipelines, 2nd EditionFrom EverandContinuous Delivery with Docker and Jenkins - Second Edition: Create secure applications by building complete CI/CD pipelines, 2nd EditionNo ratings yet
- Create PDF in Your Applications With The Pdfcrowd: HTML To PDF ApiNo ratings yetCreate PDF in Your Applications With The Pdfcrowd: HTML To PDF Api21 pages
- 6 CE133P Ultimate Strength Design Shear Revised (Robles) 2No ratings yet6 CE133P Ultimate Strength Design Shear Revised (Robles) 29 pages
- Parts Manual: Daimlerchrysler DC Om 442No ratings yetParts Manual: Daimlerchrysler DC Om 44261 pages
- INKA - Trend of Rolling Stock TechnologyNo ratings yetINKA - Trend of Rolling Stock Technology15 pages
- Technical Program ICSMAI2024 CompressedNo ratings yetTechnical Program ICSMAI2024 Compressed12 pages
- Specific Pathogen Free Animas (SPF) MarketNo ratings yetSpecific Pathogen Free Animas (SPF) Market3 pages
- Kubota Tractor B219 Loader - Model 25 Maximum Payload - 500 Pounds Figure: 1 - Safety PrecautionsNo ratings yetKubota Tractor B219 Loader - Model 25 Maximum Payload - 500 Pounds Figure: 1 - Safety Precautions17 pages
- Case Studies: Humanitarian Supplies Made-in-the-Field Using 3D PrintersNo ratings yetCase Studies: Humanitarian Supplies Made-in-the-Field Using 3D Printers12 pages
- Kumpulan Soal-Soal Asli SMM/SMPD Usu 2021 Bidang: Bahasa InggrisNo ratings yetKumpulan Soal-Soal Asli SMM/SMPD Usu 2021 Bidang: Bahasa Inggris2 pages
- Praseed Sarkar fs-20 Feg-326 AssignmentNo ratings yetPraseed Sarkar fs-20 Feg-326 Assignment12 pages
