Skip to main content

PageHeader

Base​

Sizes​

Small​

Medium (default)​

Large​

Title with line break​

If you need to keep the PageHeader the same height, you can add a property so the title stays on one line. However, in this way, the title is cut off, hindering the understanding of the main information.

Title with other components​

It is possible to add other elements below the title, depending on the need.

Supporting title​

To bring more emphasis and context to the page section, you can add a supporting title on top of the main title.

Back button​

If necessary, add <PageHeader.Back> to allow returning to the previous page of navigation.

Flow​

For this scenario it is necessary to apply the property size={PageHeader.sizes.sm} and also use the component Horizontal Steps.

Feedback​