Material provides some basic styles for a set of components that are normally used in a navigation drawer such as headings and navs.
.navdrawer-right to the navigation drawer to make it stick to the right hand side of the screen.
A persistent drawer sits on the same surface elevation as the content so it does not generate a backdrop. Need to add
A temporary drawer does not generate a backdrop so it can remain open while you perform other actions on the page. Need to add
A permanent navigation drawer is always visible at the same elevation as the content. Need to add
Clipped Permanent Drawer
A permanent navigation drawer has a few variations of its own, too. It can be clipped under the top navigation bar (
.navbar). Need to add
Float Permanent Drawer
For pages that require less hierarchy, a floating permanent drawer may be the best fit.
A floating permanent drawer can also work with other components, such as
.card. Need to add