React PDF Viewer

A modern, flexible and customizable PDF viewer package for React applications.

Features

• 🚀 Fast and responsive PDF rendering
• 📱 Mobile-friendly with touch support
• 🎨 Customizable UI and styling
• 📄 Multiple page navigation
• 🎯 Page scrolling with smooth transitions
• 📦 Support for both file uploads and URL sources
• 🎮 Comprehensive toolbar controls
• 🎨 Flexible styling options

Installation

1npm install pdf-viewer-core

Usage

1import { PDFViewer } from 'pdf-viewer-core';
2import 'pdf-viewer-core/style.css';
3
4<PDFViewer pdfFile={pdfFile} />

Props

Prop	Type	Default	Description
pdfFile	File/url/ArrayBuffer	undefined	The PDF file to display.
onLoadSuccess	() => void	undefined	Callback function called when the PDF is loaded successfully.
onLoadError	(error: Error) => void	undefined	Callback function called when the PDF fails to load.
onPageChange	(page: number) => void	undefined	Callback function called when the page changes.
getPdfName	(name: string) => void	undefined	Callback function called to get the name of the PDF file.
showToolbar	boolean	true	Whether to show the toolbar.
toolbarConfig	{ showPageNavigation: boolean }	{ showPageNavigation: true }	The configuration for the toolbar.
toolbarStyles	React.CSSProperties	{className: 'toolbar-style'}	The styles for the toolbar.
containerStyles	React.CSSProperties	{className: 'container-style', maxHeight: '80vh', width: '100%'}	The styles for the container.
fullScreen	boolean	false	Whether to show the full screen.

Support

Buy me a coffee