1.0.1 • Published 5 months ago
pdf-viewer-core v1.0.1
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
npm install pdf-viewer-coreUsage
import { PDFViewer } from 'pdf-viewer-core';
import 'pdf-viewer-core/style.css';
<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. |