Pular para o conteúdo principal

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.

Feedback