The Page component is used to separate content into distinct pages within a document. It creates a page break after each page.

​
Usage

import Document from './Document';
import Page from './Page';

const MyDocument = () => (
  <Document size="A4" orientation="portrait">
    <Page>
      <h1>My Document Title</h1>
      <p>This is the content of my first page.</p>
    </Page>
    <Page>
      <h2>Second Page</h2>
      <p>This is the content of my second page.</p>
    </Page>
  </Document>
);

​
Props

​
children
React.ReactNode
required
The content to be rendered within the page.
​
className
string
Additional CSS classes to apply to the page.
​
style
React.CSSProperties
Additional inline styles to apply to the page.