Main
Main
works as a template component, that is, in addition to providing styles and behaviors for itself, it also styles, positions and coordinates passed components, through the children
property, it works as a container for the page content.
There must be only 1 Main
component on the page, preferably positioned after the Sidebar component.
Composition with other layout components
The styles of Main
automatically interact with the styles of StickyBarGroup, Navbar and Sidebar to compose a layout pattern for pages. Since version 8.14.0
this behavior also works when these components are separated into different micro frontends.
Uses the disabledAutoPositioning
property to disable automatic positioning of the component.
This property can be useful in scenarios where the page layout will be organized by an external library or some custom style.