Pular para o conteúdo principal

Main

O Main funciona como um template component, ou seja, além de prover estilos e comportamentos para ele próprio, também estiliza, posiciona e coordena componentes passados, através da propriedade children, ele funciona como um container para o conteúdo da página.

Deve existir apenas 1 componente Main na página, preferencialmente posicionado após o componente Sidebar.

Composição com outros componentes de layout

Os estilos do Main interagem automaticamente com os estilos do StickyBarGroup, Navbar e do Sidebar para compor um padrão de layout para páginas. Desde a versão 8.14.0 este comportamento também funciona quando estes componentes estão separados em diferentes micro frontends.

Informação

Utiliza a propriedade disabledAutoPosisitioning para desabilitar o posicionamento automático do componente.

Esta propriedade pode ser útil em cenários onde o layout da página será organizado por uma biblioteca externa ou algum estilo curtomizado.

Feedback