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

Para reportar algum problema ou sugerir alterações, use nosso formulário de melhorias ou, se preferir, abra uma issue no nosso Github.