Questions about Slide-out Drawers

On mobile, I see some hamburger menus when activated have a screen appear from the left. First off, is this called a "drawer"?
13 Replies
ἔρως
ἔρως4d ago
ive seen it being called an "off-screen canvas" thats the term that bootstrap uses
Lamer of Sweden
MUI (React) calls it a Drawer (from Navigation drawer in Google Material Design) so maybe call it a menu drawer so you know what the content is?
McMarty
McMartyOP4d ago
Yeah, I think that is what I meant... "Menu Drawer" So are there any problems / downsides to using a "menu drawer"?
Lamer of Sweden
There isn't one single, official name so I don't see any problem with that name "menu drawer". And most devs will know what you mean.
ἔρως
ἔρως3d ago
honestly, if you just call it a "slidy phone menu thingy", people will know i would go with "menu drawer" or whatever the tech stack you are using calls it
Lamer of Sweden
🍔 + menu + 🪗 (could not find a drawer icon 😂 )
ἔρως
ἔρως3d ago
🗄️ that has drawers
Lamer of Sweden
Ah yes!
ἔρως
ἔρως3d ago
🍔 📄 🪗 🗄️ should be close enough
Lamer of Sweden
That'll work
ἔρως
ἔρως3d ago
and it even has it's own soundtrack when you open and close
Lamer of Sweden
Yes, classic file cabinet drawer sound effect with a subtle accordion breath
ἔρως
ἔρως3d ago
the perfect cacophony

Did you find this page helpful?