@react-pdf/renderer

React renderer for creating PDF files on the browser and server

How to install

``sh
yarn add @react-pdf/renderer
`

How it works

`jsx
import { Document, Page, Text, View, StyleSheet } from '@react-pdf/renderer';

// Create styles
const styles = StyleSheet.create({
page: {
flexDirection: 'row',
backgroundColor: '#E4E4E4',
},
section: {
margin: 10,
padding: 10,
flexGrow: 1,
},
});

// Create Document Component
const MyDocument = () => (



Section #1


Section #2



);
`

$3

`jsx
import ReactDOM from 'react-dom';
import { PDFViewer } from '@react-pdf/renderer';

const App = () => (



);

ReactDOM.render(, document.getElementById('root'));
`

$3

`jsx
import ReactPDF from '@react-pdf/renderer';

ReactPDF.render(, ${__dirname}/example.pdf);
`

Examples

For each example, try opening output.pdf` to see the result.

Text

Resume

Fractals

Knobs

Page wrap

Contributors

This project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).

Sponsors

Thank you to all our sponsors! [Become a sponsors]

Backers

Thank you to all our backers! [Become a backer]

License

MIT © Diego Muracciole


---