Navigation / The visual dictionary
Navigation drawer.
A side panel that reveals navigation destinations when needed.
Also calledside drawernav drawer
01
UI illustrationSee it in context
02
What it is
A side panel that reveals navigation destinations when needed. Provide an obvious opener, show the current destination, and let people dismiss an overlaid drawer.
When to use it
Use it for a longer destination list on a constrained screen.
Know the difference
A drawer can slide over content and dismiss; a persistent sidebar remains part of the layout.
03
Across platforms
WebiOSiPadOSAndroidmacOSWindowsLinux
Web · iOS · iPadOS · Android · macOS · Windows · Linux
Android and web commonly use modal drawers; tablet variants may remain visible as a standard side panel.
04
Go to the source
Primary documentation for the pattern and its platform conventions.