fix(material-experimental/mdc-checkbox): add missing classes for chec…

…ked (#24350) and disabled on host (cherry picked from commit 3523adf)
angular · Feb 5, 2022 · 3bbcb44 · 3bbcb44
1 parent 70bec60
commit 3bbcb44
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/material-experimental/mdc-checkbox/checkbox.ts b/src/material-experimental/mdc-checkbox/checkbox.ts
@@ -80,6 +80,9 @@ const _MatCheckboxBase = mixinColor(
     '[class._mat-animation-noopable]': `_animationMode === 'NoopAnimations'`,
     '[class.mdc-checkbox--disabled]': 'disabled',
     '[id]': 'id',
+    // Add classes that users can use to more easily target disabled or checked checkboxes.
+    '[class.mat-mdc-checkbox-disabled]': 'disabled',
+    '[class.mat-mdc-checkbox-checked]': 'checked',
   },
   providers: [MAT_CHECKBOX_CONTROL_VALUE_ACCESSOR],
   exportAs: 'matCheckbox',