If you can, avoid using sidebars on mobile devices.

If you use a sidebar component, you'll also need to include logic to hide or show it dynamically. You can simply bind the state prop to a variable to better control when the sidebar is shown. Check out GitHub to see how this is implemented.

To actually make sidebar section items work you can have them redirect the user to a separate page with the behavior prop set to "hyperlink".

It's recommended that you put your sidebar code outside the main div where your content lives. You should also set said div's display property to flex.

You can nest sidebar section items inside each other as long as their showDisclosure prop is set to true.