material-design-kit/demo/src/html/_drawer-layout.html

Interactive web components inspired from Material Design, using vanilla CSS, JavaScript and HTML.

<h1>Drawer Layout</h1>

<p>A wrapper element that positions a Drawer and other content.</p>

<ul>
  <li><a href="drawer-layout.html">Basic drawer layout demo</a></li>
  <li><a href="drawer-layout-push.html">Push drawer layout demo</a> - Enables a push effect on the layout content when toggling the drawer</li>
  <li><a href="drawer-layout-right.html">Right drawer layout demo</a> - Aligns the drawer on the right</li>
  <li><a href="drawer-layout-force-narrow.html">Force narrow drawer layout demo</a> - Ignores the responsiveWidth option and uses the narrow layout on any screen size</li>
  <li><a href="drawer-layout-with-header-layout.html">Drawer layout with header layout demo</a> - Uses a Header Layout with a custom scrolling region</li>
  <li><a href="drawer-layout-with-custom-scrolling.html">Drawer layout with custom scrolling region</a> - Uses a custom scrolling region instead of the document</li>
</ul>