Skip to main content

PageOverlay

This component is responsible for providing a overlay item for page, and will repeat for each page; This component act as as group wrapper and only PageOverlayItem can be used as it children.

<PageOverlay>
  <PageOverlayItem zIndex={-1}>Report watermark</PageOverlayItem>
</PageOverlay>
caution

This component must be used as a direct children of Section component and only one instance of it must exist per section.

caution

You must avoid adding content with dynamic height to this component. it will break the layout logic system.

PageOverlayItem​

Pages can continues several different overlay items, For each overlay item you need to use PageOverlayItem component and provide a proper z-index and desired content as children.

<PageOverlayItem zIndex={-1}>Report watermark</PageOverlayItem>
NameTypeIs RequiredDescription
zIndexnumber✅z-order of item