Layout / The visual dictionary
Sidebar.
A persistent side region used to navigate sections or collections.
Also calledside navigationside menu
01
UI illustrationSee it in context
02
What it is
A persistent side region used to navigate sections or collections. Place the navigation beside the main content and visibly mark the current destination.
When to use it
Use it for top-level destinations that benefit from remaining visible.
Know the difference
A sidebar navigates; an inspector edits the selected item's properties.
03
Across platforms
WebiPadOSAndroidmacOSWindowsLinux
Web · iPadOS · Android · macOS · Windows · Linux
On compact phone layouts, the same destinations often move into tabs or a dismissible drawer.
04
Go to the source
Primary documentation for the pattern and its platform conventions.