All but the last example set the
isManagedSidebarprop on the Page component to have the sidebar automatically close for smaller screen widths. You can also manually control this behavior by not adding the
isManagedSidebarprop and instead:
- Add an onNavToggle callback to PageHeader
- Pass a boolean into the isNavOpen prop to PageSidebar
The last example demonstrates this.
To make the page take up the full height, it is recommended to set the height of all ancestor elements up to the page component to