File tree 3 files changed +14
-26
lines changed
3 files changed +14
-26
lines changed Original file line number Diff line number Diff line change @@ -19,6 +19,7 @@ import {CdkMenuItem} from './menu-item';
19
19
exportAs : 'cdkMenuItemCheckbox' ,
20
20
host : {
21
21
'role' : 'menuitemcheckbox' ,
22
+ '[class.cdk-menu-item-checkbox]' : 'true' ,
22
23
} ,
23
24
providers : [
24
25
{ provide : CdkMenuItemSelectable , useExisting : CdkMenuItemCheckbox } ,
Original file line number Diff line number Diff line change @@ -29,6 +29,7 @@ let nextId = 0;
29
29
exportAs : 'cdkMenuItemRadio' ,
30
30
host : {
31
31
'role' : 'menuitemradio' ,
32
+ '[class.cdk-menu-item-radio]' : 'true' ,
32
33
} ,
33
34
providers : [
34
35
{ provide : CdkMenuItemSelectable , useExisting : CdkMenuItemRadio } ,
Original file line number Diff line number Diff line change @@ -26,32 +26,18 @@ make any assumptions about how elements should be styled. You are expected to ap
26
26
CSS styles, but the directives do apply CSS classes to make it easier for you to add custom styles.
27
27
The available CSS classes are listed below, by directive.
28
28
29
- #### ` cdkMenu `
30
-
31
- ` cdk-menu `
32
- : Always applied
33
- ` cdk-menu-inline `
34
- : Applied if the menu is an [ inline menu] ( #menu-content )
35
-
36
- #### ` cdkMenuBar `
37
-
38
- ` cdk-menu-bar `
39
- : Always applied
40
-
41
- #### ` cdkMenuGroup `
42
-
43
- ` cdk-menu-group `
44
- : Always applied
45
-
46
- #### ` cdkMenuItem `
47
-
48
- ` cdk-menu-item `
49
- : Always applied
50
-
51
- #### ` cdkMenuTriggerFor `
52
-
53
- ` cdk-menu-trigger `
54
- : Always applied
29
+ | Directive | CSS Class | Applied... |
30
+ | :----------------------| --------------------------| ------------------------------------------------|
31
+ | ` cdkMenu ` | ` cdk-menu ` | Always |
32
+ | ` cdkMenu ` | ` cdk-menu-inline ` | If the menu is an [ inline menu] ( #menu-content ) |
33
+ | ` cdkMenuBar ` | ` cdk-menu-bar ` | Always |
34
+ | ` cdkMenuGroup ` | ` cdk-menu-group ` | Always |
35
+ | ` cdkMenuItem ` | ` cdk-menu-item ` | Always |
36
+ | ` cdkMenuItemCheckbox ` | ` cdk-menu-item ` | Always |
37
+ | ` cdkMenuItemCheckbox ` | ` cdk-menu-item-checkbox ` | Always |
38
+ | ` cdkMenuItemRadio ` | ` cdk-menu-item ` | Always |
39
+ | ` cdkMenuItemRadio ` | ` cdk-menu-item-radio ` | Always |
40
+ | ` cdkMenuTriggerFor ` | ` cdk-menu-trigger ` | Always |
55
41
56
42
### Getting started
57
43
You can’t perform that action at this time.
0 commit comments