@@ -18,13 +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
-
28
21
### Sidenav mode
29
22
The sidenav can render in one of three different ways based on the ` mode ` property.
30
23
@@ -79,9 +72,9 @@ For a sidenav with a FAB (Floating Action Button) or other floating element, the
79
72
outside of the scrollable region and absolutely position it.
80
73
81
74
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
75
+ ### Disabling closing of sidenav
76
+ By default, sidenav can be closed either by clicking on the backdrop or by pressing <kbd >ESCAPE</kbd >.
77
+ The ` disableClose ` attribute can be set on ` md-sidenav ` to disable automatic closing when the backdrop
85
78
is clicked or <kbd >ESCAPE</kbd > is pressed. To add custom logic on backdrop click, add a ` (backdropClick) ` listener to
86
79
` md-sidenav-container ` . For custom <kdb >ESCAPE</kbd > logic, a standard ` (keydown) ` listener will suffice.
87
80
``` html
0 commit comments