@@ -49,8 +49,8 @@ menu directives to build your custom menu. A typical menu consists of the follow
49
49
- ` cdkMenuItem ` - added to each item in the menu
50
50
51
51
<!-- example({
52
- "example": "cdk-menu-standalone-trigger ",
53
- "file": "cdk-menu-standalone-trigger -example.html"
52
+ "example": "cdk-menu-standalone-menu ",
53
+ "file": "cdk-menu-standalone-menu -example.html"
54
54
}) -->
55
55
56
56
Most menu interactions consist of two parts: a trigger and a menu panel.
@@ -62,14 +62,14 @@ item to make it a trigger for a submenu. When adding this directive, be sure to
62
62
the template containing the menu it should open. Users can toggle the associated menu using a mouse
63
63
or keyboard.
64
64
65
- <!-- example({"example":"cdk-menu-standalone-trigger ",
66
- "file":"cdk-menu-standalone-trigger -example.html",
65
+ <!-- example({"example":"cdk-menu-standalone-menu ",
66
+ "file":"cdk-menu-standalone-menu -example.html",
67
67
"region":"trigger"}) -->
68
68
69
69
When creating a submenu trigger, add both ` cdkMenuItem ` and ` cdkMenuTriggerFor ` like so,
70
70
71
71
<!-- example({"example":"cdk-menu-menubar",
72
- "file":"cdk-menu-menubar-example.html",
72
+ "file":"cdk-menu-menubar-example.html",
73
73
"region":"file-trigger"}) -->
74
74
75
75
#### Menu content
@@ -154,13 +154,13 @@ The `cdkMenuItem` directive allows users to navigate menu items via keyboard.
154
154
You can add a custom action to a menu item with the ` cdkMenuItemTriggered ` output.
155
155
156
156
<!-- example({"example":"cdk-menu-standalone-stateful-menu",
157
- "file":"cdk-menu-standalone-stateful-menu-example.html",
157
+ "file":"cdk-menu-standalone-stateful-menu-example.html",
158
158
"region":"reset-item"}) -->
159
159
160
160
You can create nested menus by using a menu item as the trigger for another menu.
161
161
162
162
<!-- example({"example":"cdk-menu-menubar",
163
- "file":"cdk-menu-menubar-example.html",
163
+ "file":"cdk-menu-menubar-example.html",
164
164
"region":"file-trigger"}) -->
165
165
166
166
#### Menu Item Checkboxes
@@ -174,7 +174,7 @@ Checkbox items do not track their own state. You must bind the checked state usi
174
174
don't bind the state it will reset when the menu is closed and re-opened.
175
175
176
176
<!-- example({"example":"cdk-menu-standalone-stateful-menu",
177
- "file":"cdk-menu-standalone-stateful-menu-example.html",
177
+ "file":"cdk-menu-standalone-stateful-menu-example.html",
178
178
"region":"bold-item"}) -->
179
179
180
180
#### Menu Item Radios
@@ -188,7 +188,7 @@ As with checkbox items, radio items do not track their own state, but you can tr
188
188
selection will reset when the menu is closed and reopened.
189
189
190
190
<!-- example({"example":"cdk-menu-standalone-stateful-menu",
191
- "file":"cdk-menu-standalone-stateful-menu-example.html",
191
+ "file":"cdk-menu-standalone-stateful-menu-example.html",
192
192
"region":"size-items"}) -->
193
193
194
194
#### Groups
0 commit comments