@react-pdf/renderer NPM | npm.io

4.0.0 • Published 9 months ago

Install

Weekly downloads

94,173

License

MIT

Repository

Last release

9 months ago

How to install

yarn add @react-pdf/renderer

How it works

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 = () => (
  <Document>
    <Page size="A4" style={styles.page}>
      <View style={styles.section}>
        <Text>Section #1</Text>
      </View>
      <View style={styles.section}>
        <Text>Section #2</Text>
      </View>
    </Page>
  </Document>
);

`Web.` Render in DOM

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

const App = () => (
  <PDFViewer>
    <MyDocument />
  </PDFViewer>
);

ReactDOM.render(<App />, document.getElementById('root'));

`Node.` Save in a file

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

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

Examples

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

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Sponsors

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

Backers

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

License

MIT © Diego Muracciole

npm.io

@babel/runtime @react-pdf/font @react-pdf/layout @react-pdf/pdfkit @react-pdf/primitives @react-pdf/render @react-pdf/types events object-assign prop-types queue scheduler

@pubngo-stack/reservation-api-browser scandinavia abc-institute @upandgo/micro-learning @amosah/resume @infinitebrahmanuniverse/nolb-_react-p gbc-test-2 test-pdf-lib-resumify @everything-registry/sub-chunk-766 @renewvate/ren-dashboard-views @renewvate/views @ascendware/mx casting-shared-ui-components pdf-generator-xxxxx wood-deck-demo the-handsomestnerd-internal @dreamcatcher-tech/webdos @cs3/dynamic-components @doodlincorp/pdf-maker @pedanticlabs/minimal-ui @rawwee/react-pdf-html app-admin karimaaitbba kakemono jumbito-standalone jumbito-standalone2 jumbito-standalone3 lcdp-ui-controls lcdp-ui-upates lcdp-ui-updates lam-mvt wd-mili-documents jvsilvawtecminimal-kit mylibka qafto-website-preview qaftoplaygroundnew summit-registration-lite summit-schedule-app sompo-theme-style-npm ui-test-rowflex @amaui/themes @ask-christee/ui @ask-christee/ui-pdf @ask-christee/ui-test @ausuliv/frontend-components-pdf-generator @alkuip/core @ballerine/backoffice-v2 @ballerine/react-pdf-toolkit @barokah-group/utils @claimini/ui-components 2ds-system-design-library @aangeles/jefeui zccomponents-react @grupo-brik/colpass-components @grupo-brik/propio-components @groceristar/pdf-export @groceristar/cards-wrapper @hilma/learning-space @genstackio/pdf-generator @lapidist/cv-generator @lorren-js/core @lettvet/pdf @lincolnteste/components @mtnpay/sdk @eshoppily/ui-component @medely/pdf @kanda-libs/ks-design-library-public @kanda-libs/kanda-quotes @koeroesi86/react-pdf-components @hisptz/dhis2-analytics @ohoareau/pdf-generator @ohoareau/react-document-renderer @prolaera/prolaeracertificatetemplate @quente/quente-ui @sbody/sb-components @redhat-cloud-services/frontend-components-inventory-vulnerabilities @redhat-cloud-services/frontend-components-pdf-generator @redsift/dashboard @openeventkit/event-site @philippbaschke/cv @pih/esm-pathology-app @plurall-boss/components @openstack_dev/gatsby-theme-marketing-oif-core @pasport/react-common @pasport/react-maps @packfinder/views @smartinvoicexyz/ui @sofyanardiansyah888/base @sofyanardiansyah888/master-data mrsimply-pdf model-explorer model-navigator-standalone mm-pdf orgzapp-common-utility-module one-to-one-spfx open-resume pedeffy pedilo-landing pdf-config pdf-courriers

9 months ago

9 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago