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
.