React PDF Viewer examples

This repository contains the sources of all React PDF Viewer examples.

These examples work with

@react-pdf-viewer 3.11.0
pdfjs-dist 3.2.146

Name	Name	Last commit message	Last commit date
Latest commit phuocng Merge pull request #99 from react-pdf-viewer/include-sidebar Jan 22, 2024 6259ab3 · Jan 22, 2024 History 244 Commits
add-a-button-to-the-default-toolbar-to-toggle-the-bookmarks	add-a-button-to-the-default-toolbar-to-toggle-the-bookmarks	Add a button to the default toolbar to toggle the bookmarks	Mar 21, 2022
add-a-new-tab-to-the-sidebar	add-a-new-tab-to-the-sidebar	Update adding new tab example	Jul 26, 2021
add-a-watermark	add-a-watermark	Format code	Jul 4, 2021
add-buttons-to-each-page-for-rotating-the-target-page	add-buttons-to-each-page-for-rotating-the-target-page	Add buttons to each page for rotating the target page	Apr 4, 2022
add-buttons-to-rotate-a-single-thumbnail-and-its-associated-page	add-buttons-to-rotate-a-single-thumbnail-and-its-associated-page	Add buttons to rotate a single thumbnail and its associated page	Apr 4, 2022
add-custom-styles-to-the-highlighted-elements	add-custom-styles-to-the-highlighted-elements	Format code	Jul 4, 2021
add-margin-between-pages	add-margin-between-pages	fix: transformSize property	Jan 27, 2023
assets	assets	Add screenshot	Jul 4, 2021
attachment	attachment	Format code	Jul 4, 2021
bookmark	bookmark	Format code	Jul 4, 2021
change-the-order-of-tabs-in-the-sidebar	change-the-order-of-tabs-in-the-sidebar	Format code	Jul 4, 2021
character-map	character-map	Format code	Jul 4, 2021
create-a-floating-toolbar	create-a-floating-toolbar	Format code	Jul 4, 2021
customize-bookmark-items	customize-bookmark-items	feat: Customize bookmark items examples	Sep 4, 2022
customize-error-renderer	customize-error-renderer	Format code	Jul 4, 2021
customize-link-annotation	customize-link-annotation	Format code	Jul 4, 2021
customize-loader-renderer	customize-loader-renderer	Format code	Jul 4, 2021
customize-the-button-to-exit-the-full-screen-mode	customize-the-button-to-exit-the-full-screen-mode	fix: The exit full screen mode button is hidden	Oct 4, 2022
customize-the-default-toolbar	customize-the-default-toolbar	Add customize the default toolbar example	Oct 18, 2021
customize-the-progress-bar-when-preparing-pages-to-print	customize-the-progress-bar-when-preparing-pages-to-print	Customize the progress bar when preparing pages to print	Jun 28, 2022
customize-the-protected-view	customize-the-protected-view	feat: Customize the protected view	Jan 28, 2023
customize-the-search-highlighted-elements	customize-the-search-highlighted-elements	Customize the search highlighted elements	Jun 18, 2022
customize-the-width-of-thumbnails	customize-the-width-of-thumbnails	Add thumbnail width option examples	May 2, 2022
customize-the-zoom-levels	customize-the-zoom-levels	feat: Add customize the zoom levels examples	Oct 19, 2021
customize-thumbnail-items	customize-thumbnail-items	feat: Add custom thumbnail items example	Dec 19, 2021
customize-thumbnail-spinners	customize-thumbnail-spinners	feat: Add Customize thumbnail spinners example	Dec 19, 2021
default-layout	default-layout	fix: Create a toolbar with different slots for the default layout	Apr 16, 2022
determine-the-target-pages-to-print-from-users-input	determine-the-target-pages-to-print-from-users-input	Determine the target pages to print from users input	Jul 8, 2022
disable-scroll	disable-scroll	Format code	Jul 4, 2021
disable-text-selection	disable-text-selection	Disable text selection	Jan 20, 2022
display-reading-progress-at-the-top	display-reading-progress-at-the-top	fix: Display reading progress at the top	Mar 13, 2022
display-the-thumbnail-of-a-given-page	display-the-thumbnail-of-a-given-page	Rename example	Oct 16, 2021
draw-on-top-of-the-canvas-layer	draw-on-top-of-the-canvas-layer	Format code	Jul 4, 2021
drop	drop	Format code	Jul 4, 2021
events	events	Format code	Jul 4, 2021
execute-a-function-when-users-click-a-bookmark-item	execute-a-function-when-users-click-a-bookmark-item	feat: Execute a function when users click a bookmark item	Sep 4, 2022
find-and-replace-links-found-in-each-page	find-and-replace-links-found-in-each-page	Update find links example	Oct 18, 2021
full-screen	full-screen	Format code	Jul 4, 2021
get-file	get-file	Format code	Jul 4, 2021
hide-unnecessary-elements-when-printing-a-document	hide-unnecessary-elements-when-printing-a-document	Format code	Jul 4, 2021
highlight-keywords-programmatically	highlight-keywords-programmatically	Format code	Jul 4, 2021
highlight	highlight	fix: Can't add highlight after selecting text	Jun 7, 2022
include-the-default-sidebar-in-the-full-screen-mode	include-the-default-sidebar-in-the-full-screen-mode	feat: Include the default sidebar in full-screen mode	Jan 22, 2024
include-the-default-toolbar-in-the-full-screen-mode	include-the-default-toolbar-in-the-full-screen-mode	chore: Format code	Dec 31, 2022
initial-page	initial-page	Format code	Jul 4, 2021
jump-to-given-page	jump-to-given-page	Format code	Jul 4, 2021
jump-to-the-first-match-of-pre-defined-keywords-automatically	jump-to-the-first-match-of-pre-defined-keywords-automatically	feat: Jump to the first match of pre-defined keywords automatically	Nov 28, 2022
keep-scale-level-after-changing-the-document	keep-scale-level-after-changing-the-document	feat: Keep scale level after changing the document	Jan 2, 2023
keep-scroll-position-after-changing-the-document	keep-scroll-position-after-changing-the-document	feat: Keep scroll position after changing the document	Dec 31, 2022
locale-switcher	locale-switcher	feat: Update Add the locale switcher to the toolbar for 2.7.2	Aug 23, 2021
localization	localization	Add localization example	Jul 31, 2021
magazine	magazine	feat: Add magazine layout example	Jan 27, 2023
open-a-confirmation-modal-when-users-click-a-link	open-a-confirmation-modal-when-users-click-a-link	feat: Open a confirmation modal when users click a link	Apr 5, 2022
open	open	Format code	Jul 4, 2021
page-navigation	page-navigation	Format code	Jul 4, 2021
preview-a-document-inside-a-modal	preview-a-document-inside-a-modal	Fix path of styles	Oct 27, 2020
preview-a-pdf-file-before-uploading	preview-a-pdf-file-before-uploading	Format code	Jul 4, 2021
preview-a-pdf-file-from-an-array-of-bytes	preview-a-pdf-file-from-an-array-of-bytes	Format code	Jul 4, 2021
preview-a-pdf-file-from-base-64	preview-a-pdf-file-from-base-64	Format code	Jul 4, 2021
print-the-current-document-programmatically	print-the-current-document-programmatically	Print the current document programmatically	Jun 28, 2022
print	print	Format code	Jul 4, 2021
properties	properties	Format code	Jul 4, 2021
remove-a-tab-from-the-sidebar	remove-a-tab-from-the-sidebar	Format code	Jul 4, 2021
remove-all-tabs-from-the-sidebar	remove-all-tabs-from-the-sidebar	Remove all tabs from the sidebar	Nov 14, 2021
remove-some-parts-from-the-default-toolbar	remove-some-parts-from-the-default-toolbar	feat: Remove identical slots from More actions menu	Mar 28, 2022
render-the-highlight-areas	render-the-highlight-areas	Add render the highlight areas example	Oct 18, 2021
replace-the-canvas-with-svg-layer	replace-the-canvas-with-svg-layer	Disable text selection	Jan 20, 2022
rotate	rotate	Update the Customize the rotate buttons example	Apr 4, 2022
scroll-mode	scroll-mode	Use the default buttons to switch the scroll mode	Jan 20, 2022
search-sidebar-with-initial-keyword	search-sidebar-with-initial-keyword	feat: Search sidebar with initial keyword	Nov 1, 2022
search	search	chore: Format code	Dec 31, 2022
selection-mode	selection-mode	Format code	Jul 4, 2021
set-a-bookmark-expanded-or-collapsed-initially	set-a-bookmark-expanded-or-collapsed-initially	feat: Set a bookmark expanded or collapsed initially	Apr 21, 2022
set-the-initial-tab-in-the-default-layout	set-the-initial-tab-in-the-default-layout	feat: Add Set the initial tab examples	Jun 10, 2022
set-the-page-from-last-visit-as-the-initial-page	set-the-page-from-last-visit-as-the-initial-page	Format code	Jul 4, 2021
set-the-target-pages-that-you-want-to-search-in	set-the-target-pages-that-you-want-to-search-in	feat: Add Set the target pages that you want to search in example	Aug 25, 2021
set-the-target-pages-when-printing-a-document	set-the-target-pages-when-printing-a-document	Set the target pages when printing a document	Jul 8, 2022
show-custom-page-labels-for-thumbnails	show-custom-page-labels-for-thumbnails	Add Show custom page labels for thumbnails example	Oct 18, 2021
show-search-results-in-a-sidebar	show-search-results-in-a-sidebar	Update search sidebar examples	Jul 27, 2021
show-the-custom-page-label-for-the-current-page	show-the-custom-page-label-for-the-current-page	Add show the custom page label for the current page example	Oct 18, 2021
singe-page-view	singe-page-view	Format code	Jul 4, 2021
slide-presentation	slide-presentation	Format code	Jul 4, 2021
submit-the-password-programmatically	submit-the-password-programmatically	feat: Add Submit the password programmatically	Sep 13, 2021
switch-to-a-scroll-mode	switch-to-a-scroll-mode	Switch to a scroll mode	Jan 20, 2022
theme	theme	Use the default button to switch themes	Sep 1, 2021
thumbnail	thumbnail	Format code	Jul 4, 2021
toolbar	toolbar	Format code	Jul 4, 2021
use-a-different-language	use-a-different-language	Update using a different language example for 2.7.2	Aug 23, 2021
use-a-rtl-language	use-a-rtl-language	Use a RTL language	Aug 31, 2021
use-multiple-viewers-in-the-same-page	use-multiple-viewers-in-the-same-page	Use multiple viewers in the same page	Mar 5, 2022
use-the-last-chosen-theme	use-the-last-chosen-theme	Fix theme example	Jul 26, 2021
use-the-rotate-page-component-to-rotate-a-particular-page	use-the-rotate-page-component-to-rotate-a-particular-page	Use the RotatePage component to rotate a particular page	Apr 4, 2022
zoom-after-full-screen	zoom-after-full-screen	Format code	Jul 4, 2021
zoom-to-a-specific-level-programmatically	zoom-to-a-specific-level-programmatically	Format code	Jul 4, 2021
zoom-to-fit-the-screen-after-entering-the-full-screen-mode	zoom-to-fit-the-screen-after-entering-the-full-screen-mode	Format code	Jul 4, 2021
zoom	zoom	Format code	Jul 4, 2021
.gitignore	.gitignore	Add Prettier	Jul 4, 2021
README.md	README.md	feat: Update dependencies	Jan 27, 2023
package.json	package.json	feat: Update dependencies	Jan 27, 2023
prettier.config.js	prettier.config.js	Add Prettier	Jul 4, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

React PDF Viewer examples

About

Releases

Packages

Languages

react-pdf-viewer/examples

Folders and files

Latest commit

History

Repository files navigation

React PDF Viewer examples

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages