PageHeader
Base
Tamanhos
Pequeno
Médio (padrão)
Grande
Título com quebra de linha
Se for necessário manter o PageHeader
com a mesma altura, é possível adicionar uma propriedade para o título ficar em apenas uma linha. Porém, desta forma, o título fica cortado, atrapalhando o entendimento da informação principal.
Título com outros componentes
É possível adicionar outros elementos abaixo do título, dependendo da necessidade.
Título de apoio
Para trazer mais ênfase e contexto à seção da página, é possível adicionar um título de apoio em cima do título principal.
Botão de voltar
Se for necessário, adicione o <PageHeader.Back>
para permitir o retorno à página anterior da navegação.
Fluxo
Para este cenário é necessário aplicar a propriedade size={PageHeader.sizes.sm}
e também usar o componente Steps Horizontais.