A sidebar allows switching between different views. Visually they are similar to utility panes, but they play a different role and behavior.
When to Use¶
Sidebars can be used when it is necessary to expose a larger number of views than can be accommodated in a standard view switcher.
Sidebars can also be appropriate when it is necessary to navigate between dynamic locations, such as a messaging app. They are also suited to contexts where frequent switching back and forth between locations is common.
Sidebars should be avoided for apps which provide rich or immersive content. In this situation, the sidebar would be a distraction from application content.
Order the list according to what is most useful for the users of your application. It is often best to place recently updated items at the top of the list.
Header bar controls which affect the sidebar list should be placed above the list.
Each list row can include multiple lines of text, as well as images. However, be careful to ensure that the most important information is not lost, and work to ensure a clean and attractive appearance.
To support responsive scaling, sidebars should collapse to a stack when the window becomes narrow. This can be accomplished with a leaflet.