ComponentsVariables

RunningH1

Returns the current page’s running header of level 1.

Support

Client-side
Server-side

Preview

Show the current running header of level 1 in the page header. All running headers are reset when any of their parent headings are encountered (e.g. a level 2 heading resets the level 3, 4, 5 and 6 headings).

1import { RunningH1 } from "@fileforge/react-print";
2
3<React.Fragment>
4 <PageTop style={{ paddingTop: "1rem" }}>
5 <RunningH1 />
6 </PageTop>
7 <h1>Heading of level 1</h1>
8</React.Fragment>;

Examples