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.