Material-ui: Add example for Navigation drawer clipped under the app bar
For Apps focused on productivity that require balance across the screen, it is recommanded to use the Navigation drawer clipped under the app bar (https://material.io/guidelines/patterns/navigation-drawer.html#navigation-drawer-behavior)
if it can be build with the current components, it would be great to add an example
- [x] I have searched the issues of this repository and believe that this is not a duplicate.
borisrorsvort
All 6 comments
I agree. The following products are using the above pattern or something close:
- Google Keep
- Google Calendar
- Inbox
- YouTube
oliviertassinari
on 11 Feb 2018
I'll have a go at this one :)
AdamGorkoz
on 17 Feb 2018
10330 submitted pull request
AdamGorkoz
on 17 Feb 2018
Could you please provide a bit more input on this or suggest a strategy. I've got an app using redux and react-router v4 with common appbar across all page. Drawer should be on most pages after authentication. The clipped drawer example works fine at keeping the drawer under the appbar when rendered together. I'm struggling trying to render the appbar and drawer as separate components (can't get the drawer to render under the appbar when I separate) - when adding the drawer component along with other components everything renders below the drawer.
rweller59
on 27 Mar 2018
Same here rweller59
steowens
on 3 Aug 2018
same here @rweller59
jerome313
on 19 Aug 2018
Related issues
ghost
路
3Comments
TimoRuetten
路
3Comments
sys13
路
3Comments
revskill10
路
3Comments
finaiized
路
3Comments
Most helpful comment
Could you please provide a bit more input on this or suggest a strategy. I've got an app using redux and react-router v4 with common appbar across all page. Drawer should be on most pages after authentication. The clipped drawer example works fine at keeping the drawer under the appbar when rendered together. I'm struggling trying to render the appbar and drawer as separate components (can't get the drawer to render under the appbar when I separate) - when adding the drawer component along with other components everything renders below the drawer.