Skip to main content

Layout Components

You can customize the report layout by using special layout components. These components give you fine grained control over pagination and element positioning.

PageBreak​

The PageBreak component forces a page break and pushes any subsequent content to the beginning of the next page in your document.

<div data-pz-page-break></div>

Recipe
Valid Parent
Direct or indirect child of PageContent

Layout​

The Layout component allows you to customize the pagination engine’s behavior for the element and its children.

The available values are described in LayoutOptions. All props/attributes are optional and follow this order of precedence:

  1. Props defined on this component (highest priority)
  2. Props inherited from the nearest parent component
  3. Global configuration provided to Section
<p
    data-pz-hyphen="-"
    data-pz-keep-on-same-page="true"
    data-pz-hyphenation-enabled="true"
>
    ...
</p>
Recipe
Valid Parent
Direct or indirect child of PageContent