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
The content to be rendered within the page.
Additional CSS classes to apply to the page.
Additional inline styles to apply to the page.