@@ -18,12 +18,6 @@ A sidenav container may contain one or two `<md-sidenav>` elements. When there a
1818` <md-sidenav> ` elements, each must be placed on a different side of the container.
1919See the section on positioning below.
2020
21- ` <md-drawer> ` is a component that is similar to ` <md-sidenav> ` .
22- The difference between sidenav and drawer is that the sidenav takes up fullscreen whereas drawer is a smaller element
23- that takes up a subsection of the screen. ` md-sidenav ` has to be placed inside ` md-sidenav-container ` and ` md-drawer `
24- has to be placed inside ` md-drawer-container ` . Currently ` md-drawer ` and ` md-sidenav ` support all the same features.
25- However, in the future we expect to add different features specific to the different use cases.
26-
2721
2822### Sidenav mode
2923The sidenav can render in one of three different ways based on the ` mode ` property.
@@ -79,9 +73,9 @@ For a sidenav with a FAB (Floating Action Button) or other floating element, the
7973outside of the scrollable region and absolutely position it.
8074
8175
82- ### Disabling closing of sidenav and drawer
83- By default, sidenav and drawer can be closed either by clicking on the backdrop or by pressing <kbd >ESCAPE</kbd >.
84- The ` disableClose ` attribute can be set on ` md-drawer ` or ` md- sidenav` to disable automatic closing when the backdrop
76+ ### Disabling closing of sidenav
77+ By default, sidenav can be closed either by clicking on the backdrop or by pressing <kbd >ESCAPE</kbd >.
78+ The ` disableClose ` attribute can be set on ` md-sidenav ` to disable automatic closing when the backdrop
8579is clicked or <kbd >ESCAPE</kbd > is pressed. To add custom logic on backdrop click, add a ` (backdropClick) ` listener to
8680` md-sidenav-container ` . For custom <kdb >ESCAPE</kbd > logic, a standard ` (keydown) ` listener will suffice.
8781``` html
0 commit comments