Shell

​

PageTop

Support

Displays content in the top of all the pages.

This component should be placed as early as possible in the document and will apply to all subsequent pages.

​

Examples

​

Preview

import { PageTop } from "@onedoc/react-print";

<PageTop style={{ backgroundColor: "#bfdbfe" }} />;

​

CurrentPageTop

Support

Displays content in the top of the current page.

This component will override the content of the PageTop component for the current page.

import { CurrentPageTop } from "@onedoc/react-print";

​

PageBottom

Support

Displays content in the bottom of all the pages.

​

Examples

​

Preview

import { PageBottom } from "@onedoc/react-print";

<PageBottom style={{ backgroundColor: "#bfdbfe" }} />;

​

PageBreak

Support

Forces a page break.

import { PageBreak } from "@onedoc/react-print";

​

NoBreak

Support

Prevents a page break. Wrap this component around content that should not be broken across pages.

import { NoBreak } from "@onedoc/react-print";

​

FloatBottom

Support

Floats the content to the bottom of the page.

​

Examples

​

Preview

import { FloatBottom } from "@onedoc/react-print";

<FloatBottom>Here are some floated contents</FloatBottom>;