The MD-sidenav, an Angular directives is used to show a container component which can be shown or hide programmatically. It slides out over the top of the MAIN content region by default.

Attributes

1. md-is-open: A model bound to whether the sidenav is opened.
2. md-component-id: componentId to use with $mdSidenav service.
3. md-is-locked-open: When this EXPRESSION evalutes to true, the sidenav 'locks open': it FALLS into the content's flow INSTEAD of appearing over it. This overrides the is-open attribute. The $mdMedia() service is exposed to the is-locked-open attribute, which can be given a media query or one of the sm, gt-sm, md, gt-md, lg or gt-lg presets. Examples:
   
   <md-sidenav md-is-locked-open="shouldLockOpen"></md-sidenav>
   
   <md-sidenav md-is-locked-open="$mdMedia('min-width: 1000px')"></md-sidenav>
   
   <md-sidenav md-is-locked-open="$mdMedia('sm')"></md-sidenav> (locks open on small screens)

The md-sidenav, an Angular directives is used to show a container component which can be shown or hide programmatically. It slides out over the top of the main content region by default.

Attributes