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.
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.