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​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.