> ## Documentation Index
> Fetch the complete documentation index at: https://docs.htmldocs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Page

> A component for creating page breaks within a document

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

## Usage

<CodeGroup>
  ```jsx Page Example theme={null}
  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>
  );
  ```
</CodeGroup>

## Props

<ResponseField name="children" type="React.ReactNode" required>
  The content to be rendered within the page.
</ResponseField>

<ResponseField name="className" type="string">
  Additional CSS classes to apply to the page.
</ResponseField>

<ResponseField name="style" type="React.CSSProperties">
  Additional inline styles to apply to the page.
</ResponseField>