# prm-react-pdf-viewer

> react pdf viewer along with text annotation

Latest version **1.1.4** (published 2024-05-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install prm-react-pdf-viewer
pnpm add prm-react-pdf-viewer
yarn add prm-react-pdf-viewer
bun add prm-react-pdf-viewer
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.4 |
| Published | 2024-05-03 |
| First published | 2023-12-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 1 |
| Unpacked size | 555.9 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Subhendu1990 |
| Maintainers | tectes |

## Links

- npm: https://www.npmjs.com/package/prm-react-pdf-viewer
- Repository: https://github.com/Subhendu1990/react-pdf-viewer
- Homepage: https://github.com/Subhendu1990/react-pdf-viewer#readme
- Issues: https://github.com/Subhendu1990/react-pdf-viewer/issues
- npm.io page: https://npm.io/package/prm-react-pdf-viewer

## Dependencies (1)

- [pdfjs-dist](https://npm.io/package/pdfjs-dist.md) 2.13.216

## Recent versions

- 1.1.4 (latest) — 2024-05-03
- 1.1.3 — 2024-05-03
- 1.1.2 — 2024-05-03
- 1.1.1 — 2024-02-02
- 1.1.0 — 2024-01-10
- 1.0.5 — 2024-01-04
- 1.0.4 — 2023-12-26
- 1.0.3 — 2023-12-26
- 1.0.2 — 2023-12-26
- 1.0.1 — 2023-12-26
- 1.0.0 — 2023-12-26

## README

# prm-react-pdf-viewer

> react pdf viewer along with text annotation, rectangle draw annotation

[![NPM](https://img.shields.io/npm/v/react-pdf-viewer.svg)](https://www.npmjs.com/package/react-pdf-viewer) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save prm-react-pdf-viewer
```

## Usage

```tsx
import React, { Component } from 'react'

import { IPdfViewer, PdfViewer, PdfViewerOption } from 'prm-react-pdf-viewer'
import 'prm-react-pdf-viewer/dist/index.css'

class Example extends Component {
  const annotations =  [{ pageNumber:2, id:"1", quads:[{left:300, right:750, top: 1685, bottom: 1745}], pageResolution:{width: 4426,   height: 6138}, extraInfo:{showPopup: true, value: 'Abc'}}];
  
  const [pdfOptions, setPdfOption]= useState<PdfViewerOption>({
          docUrl:"/myPdf.pdf",
          annotations:annotations,
          initialZoomPercentage:50,
          color: {r:0, g:255, b: 0}
        }) ;
  render() {
    return <PdfViewer options={pdfOptions} onDocLoad={onDocLoad} />
  }
}
```

## License

MIT © [Subhendu1990](https://github.com/Subhendu1990)

---
_Source: https://npm.io/package/prm-react-pdf-viewer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._