Skip to main content

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.

info

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.

Feedback