LayoutNoSidebar

The LayoutNoSidebar component is a fullwidth wrapper for page content. It renders a header element containing the Overlay component and a footer element (provided by FooterWrapper component) which contains FooterContent component.

The Overlay component renders the OverlayContent, OverHeaderDesktop, and OverlayHeaderMobile.

FooterContent, OverlayContent, OverHeaderDesktop, and OverlayHeaderMobile are all meant to be shadowed.

To constrain part of a page by width use a Box component with variant="layout.constrained". Or use WrapperWithSidebar component where a sidebar is needed. By default the WrapperWithSidebar component is constrained by width using variant="layout.constrained" on the wrapping box within the component, the fluid prop removes this constraint.

By using Box, WrapperWithSidebar and shadowing FooterContent, OverlayContent, OverHeaderDesktop, and OverlayHeaderMobile a wide variety of layouts are possible.