saiku-react-pdfjs
v1.0.2
Published
A React component to wrap PDF.js
Downloads
16
Maintainers
Readme
Saiku React PDF.js
A React component to wrap PDF.js.
Requirements
- Node.js v6.0.0 or higher
- NPM (v3.0.0+ recommended) (this comes with Node.js)
Installation
Using NPM:
npm install --save saiku-react-pdfjs
Using Yarn:
yarn add saiku-react-pdfjs
Usage
Here's an example of basic usage:
import React, { Component } from 'react';
import SaikuPDF from 'saiku-react-pdfjs';
class MyApp extends Component {
constructor(props) {
super(props);
this.onDocumentComplete = this.onDocumentComplete.bind(this);
this.onPageComplete = this.onPageComplete.bind(this);
}
onDocumentComplete(numberOfPages, pdf) {
this.setState({ numberOfPages });
},
onPageComplete(currentPage, page) {
this.setState({ currentPage });
}
render() {
return (
<div>
<SaikuPDF
file="someFile.pdf"
page={2}
scale={1}
onDocumentComplete={this.onDocumentComplete}
onPageComplete={this.onPageComplete}
/>
<p>Page {this.state.currentPage} of {this.state.numberOfPages}</p>
</div>
);
}
}
export default MyApp;
Storybook
You can access saiku-react-pdfjs storybook here.
Contributing
If you want to help, please read the Contributing guide.
History
For detailed changelog, see Releases.
Credits
Big thanks to these great repositories:
- https://github.com/nnarhinen/react-pdf
- https://github.com/erikras/react-pdfjs
License
Apache License Version 2 © Meteorite BI