##<app-drawer>
![app-drawer] (http://app-layout-assets.appspot.com/assets/docs/app-drawer/drawer.gif)
app-drawer is a navigation drawer that can slide in from the left or right.
Example:
Align the drawer at the start, which is left in LTR layouts (default):
<app-drawer opened></app-drawer>
Align the drawer at the end:
<app-drawer align="end" opened></app-drawer>
To make the contents of the drawer scrollable, create a wrapper for the scroll content, and apply height and overflow styles to it.
<app-drawer>
<div style="height: 100%; overflow: auto;"></div>
</app-drawer>
Custom property | Description | Default |
---|---|---|
--app-drawer-width |
Width of the drawer | 256px |
--app-drawer-content-container |
Mixin for the drawer content container | {} |
--app-drawer-scrim-background |
Background for the scrim | rgba(0, 0, 0, 0.5) |