Skip to main content

Components

All report components can be imported into your project from @paprize/react;

Report Root​

This component must be used as the parent component for the report, and all other components must appear as its children. It acts as the internal state provider for the report system.

<ReportRoot>...</ReportRoot>
Recipe
Type
Mandatory
Valid Parent
Direct or indirect child of Any components
Valid Children
Any components

Report Components​

The fundamental building block of every report is the Section. Other ReportComponents can be added to each section to form the complete report.
The available components include:

  1. SectionHeader
  2. SectionFooter
  3. PageContent
  4. PageHeader
  5. PageFooter
  6. PageOverlay

Component Snapshot​

The pagination engine operates on cloned DOM elements generated by rendering PageContent with React.

As a result, the PageContent React component is replaced by a static snapshot of its rendered output. This means that any JavaScript logic, state, or interactivity within the children of the PageContent component is lost after the pagination process.