@lemon-clown-wpg/react-pdf-viewer v0.0.2

A pdf viewer

See sourcecodes in github to get more information.

Usage

• Install

  yarn add @lemon-clown-wpg/react-pdf-viewer
  # you aslo should install peerDependencies if the terminal prompts for a warnning

• Use in React project

  import React from 'react'
  import ReactDOM from 'react-dom'
  import { PDFViewer } from '@lemon-clown-wpg/react-pdf-viewer'
  import '@lemon-clown-wpg/react-pdf-viewer/lib/esm/index.css'

const pdfStyle: React.CSSProperties = {
  width: '100vw',
  height: '100vh',
}


// index.tsx
ReactDOM.render(
  <PDFViewer
    style={ pdfStyle }
    fileUrl="/files/demo.pdf"
  />
  , document.getElementById('root')
)
```

Options

• fileUrl: url of pdf file
• fileName: filename of pdf file
• direction: the text direction
• MIN_SCALING: minimum scaling
• MAX_SCALING: maximum scaling
• ZOOM_STEP: the size of the zoom step
• scaleOptions: Options for the drop-down box
• onDocumentLoadError: Function called in case of an error while loading a document.
  • onDocumentLoadError?: (error: Error) => void
• onDocumentLoadSuccess: Function called when the document is successfully loaded.
  • onDocumentLoadSuccess?: (pdf: pdfjs.PDFDocumentProxy) => void