Collapsible PageLayout Pane

[kshab]

Hi guys,

Is there a common approach for creating collapsible PageLayout.Pane? I put a NavList there, and now I need to hide it.

function MyApp({ Component, pageProps }: AppProps) {

  return (
    <ThemeProvider theme={customTheme}>
      <PageLayout padding="none" containerWidth="full" columnGap="none">
        <PageLayout.Pane resizable sx={customSidenavStyles} position="start" width="small">
          <MainSideNav />
        </PageLayout.Pane>

        <PageLayout.Content>
          <Component {...pageProps} />
        </PageLayout.Content>
      </PageLayout>
    </ThemeProvider>
  );
}

export default MyApp;

[lesliecdubs]

Hello! I think @colebemis has worked on these components. Cole, can you weigh in here when you have a minute?