sidebar

The default layout for iOS / iPadOS apps is to hide the sidebar when displaying content on small screens, and display the sidebar when space is available (with the user able to explicitly hide the sidebar if so desired). <tosi-sidenav> provides this functionality.

<tosi-sidenav> is used to handle the layout of the documentation tab panel.

<tosi-sidenav>'s behavior is controlled by two attributes, minSize is the point at which it will toggle between showing the navigation sidebar and content, while navSize is the width of the sidebar. You can interrogate its compact property to find out if it's currently in compact form.