Angular Material - Angular Material Sidenav - Angular Material Tutorial
What is Sidenav in Angular Material?
- The md-sidenav, an Angular directive 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
- The following table lists out the parameters and description of the different attributes of
md-sidenav
Sr.No | Parameter & Description |
---|---|
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': Examples − <md-sidenav md-is-locked-open = "shouldLockOpen"></md-sidenav> <md-sidenav md-is-locked-open = "$mdMedia('min-width: 1000px')">< |
Example
- The following example shows the use of md-sidenav and also the uses of the sidenav component.