Sidebar vs. Drawer
A sidebar is furniture: a persistent navigation column that shares the layout with the content and stays visible on wide screens. A drawer is a visitor: hidden by default, it slides over the page when summoned — often by a hamburger button — and leaves after you pick something.
How to tell them apart
- Always there, with content sitting beside it → sidebar.
- Slides in over a dimmed page → drawer (that dim layer is the scrim).
- Appears only after tapping the three lines → nav drawer.
The full entries — names, anatomy, paste-ready prompts
Favorites
Desktop
Sidebar (Source List)macos
NavigationSplitView
The translucent navigation column along the left edge of a macOS window
Field Notes
Hamburger Menu (Nav Drawer)web
aria-expanded + aria-controls
The three-line button and the navigation panel it slides open
Still a different pair on your mind? See every commonly confused pair