Does anyone know how to, or know of any examples of how to create a reactive Appbar
and Drawer
?
It needs to be able to dynamically un-dock the drawer and hide when the browser is small and dock the drawer when larger, preferably dynamically like the MUI site already does: https://mui.com/components/drawers
Best Answer
For those who're working with material-UI V1 and higher, using breakpoints is the best way to make responsive layouts.
Breakpoints:
So, for changing React rendering tree you should pass different breakpoint parameter value into
breakpoints.up()
in the JSS:The whole Drawer source code follows below.