Material-ui: [Drawer] Option to have a permanent drawer only on desktop

[Skaronator]

The docs say "Permanent navigation drawers are the recommended default for desktop." which is true. I want to use a permanent drawer on desktop but want to keep the persistent drawer on mobile.

Would be wonderful if you could make an example how to do this or implement a way that it switch from permanent to persistent at a specific breakpoint.

https://material-ui-1dab0.firebaseapp.com/demos/drawers/
v1.0.0-beta.10 + React 16

[oliviertassinari]

Have a look at how the documentation is handling this issue:
https://github.com/callemall/material-ui/blob/f66b9b7396f69c7e81b2dd82014d7dcc8438f5d7/docs/src/modules/components/AppDrawer.js#L113-L144

[oliviertassinari]

Actually, a documentation example would be great 👍 . Do you want to give it a shot?

[Skaronator]

Not sure. I'll try it myself first. Here is also some logic to hide the button on desktop:
https://github.com/callemall/material-ui/blob/f66b9b7396f69c7e81b2dd82014d7dcc8438f5d7/docs/src/modules/components/AppFrame.js#L114-L134

[Skaronator]

Just copypasted a bit and notice that the Tooltip isn't working in the Docs? Could you double check @oliviertassinari

See here: https://gfycat.com/OccasionalIdealArcticseal

[oliviertassinari]

@Skaronator v1-beta != what's deployed in the docs.

[Skaronator]

Ah gotcha

[sakulstra]

@Skaronator are you working on this or should i try to add the docs?

[Skaronator]

@sakulstra Sure you can finish this up. Here is my current progress: https://codesandbox.io/s/81wl3136jl

[oliviertassinari]

@Skaronator This looks great! 😄

[kgregory]

@Skaronator don't forget color="contrast" on the overflow menu icon