@@ -18,12 +18,6 @@ A sidenav container may contain one or two `<md-sidenav>` elements. When there a
18
18
` <md-sidenav> ` elements, each must be placed on a different side of the container.
19
19
See the section on positioning below.
20
20
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
-
27
21
28
22
### Sidenav mode
29
23
The 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
79
73
outside of the scrollable region and absolutely position it.
80
74
81
75
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
85
79
is clicked or <kbd >ESCAPE</kbd > is pressed. To add custom logic on backdrop click, add a ` (backdropClick) ` listener to
86
80
` md-sidenav-container ` . For custom <kdb >ESCAPE</kbd > logic, a standard ` (keydown) ` listener will suffice.
87
81
``` html
0 commit comments