Navegar componentes
← Componentes

LayoutHeader

MiscExemplo
Barra superior para títulos de página, app bars e toolbars.
Importação
import {LayoutHeader} from '@pharos-ds/core/LayoutHeader';

Exemplos

Área interativa

hasDivider
Cabeçalho da página
Código
import {LayoutHeader} from '@pharos-ds/core/Layout';

<LayoutHeader
  hasDivider={false}
 />

Props

PropTipoPadrãoDescrição
childrenReactNodeConteúdo do header.
hasDividerbooleanfalseBorda na borda inferior.
heightSizeValueAltura do header. Números são tratados como pixels, strings são usadas como estão.
labelstringLabel acessível para o elemento landmark.
roleAriaRoleRole de landmark ARIA.
Pacote: @pharos-ds/core · Import: @pharos-ds/core/LayoutHeader
LayoutHeader · Pharos