
Security News
TypeScript is Porting Its Compiler to Go for 10x Faster Builds
TypeScript is porting its compiler to Go, delivering 10x faster builds, lower memory usage, and improved editor performance for a smoother developer experience.
mgr-pdf-viewer-react
Advanced tools
Simple react PDF Viewer component with controls. Every element can be styled upon your preferences using default classes our your own.
npm install mgr-pdf-viewer-react --save
Since it is a React module, I suppose you have the webpack and babel configured.
import React from 'react';
const ExamplePDFViewer = () => {
return (<PDFViewer document={{
url: 'https://arxiv.org/pdf/quant-ph/0410100.pdf'
}} />);
}
export default ExamplePDFViewer
React component prop. types:
document
:
Type:
PropTypes.shape({
file: Any, // File object,
url: String, // URL to fetch the pdf
connection: Object, // connection parameters to fetch the PDF, see PDF.js docs
base64: String, // PDF file encoded in base64
binary: UInt8Array
})
Required: true
Description: Provides a way to fetch the PDF document
loader
:
page
:
scale
:
onDocumentClick
:
css
:
hideNavbar
:
navigation
:
Type:
PropTypes.oneOfType([
// Can be an object with css classes or react elements to be rendered
PropTypes.shape({
css: PropTypes.shape({
previousPageBtn: String, // CSS Class for the previous page button
nextPageBtn: String, // CSS Class for the next page button
pages: String, // CSS Class for the pages indicator
wrapper: String // CSS Class for the navigation wrapper
}),
elements: PropTypes.shape({
previousPageBtn: Any, // previous page button React element
nextPageBtn: Any, // next page button React element
pages: Any// pages indicator React Element
})
}),
// Or a full navigation component
PropTypes.any // Full navigation React element
])
Required: false
Description: Defines the navigation bar styles and/or elements.
The previousPageBtn
and the nextPageBtn
elements should take following properties: page
for current page number, pages
for total number of pages, and the callback function handlePrevClick
for the previousPageBtn
and handleNextClick
for the nextPageBtn
.
The pages
element should take following properties: page
for current page number, pages
for total number of pages.
The navigation
element (so the full navigation element) should accept following properties: page
for current page number, pages
for total number of pages, and the callback functions handlePrevClick
and handleNextClick
.
FAQs
Simple react PDF viewer component. Based on PDF.js.
We found that mgr-pdf-viewer-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
TypeScript is porting its compiler to Go, delivering 10x faster builds, lower memory usage, and improved editor performance for a smoother developer experience.
Research
Security News
The Socket Research Team has discovered six new malicious npm packages linked to North Korea’s Lazarus Group, designed to steal credentials and deploy backdoors.
Security News
Socket CEO Feross Aboukhadijeh discusses the open web, open source security, and how Socket tackles software supply chain attacks on The Pair Program podcast.