fixup! fix(material-experimental/mdc-checkbox): add missing classes f…

…or checked and disabled on host
angular · Feb 4, 2022 · 401331c · 401331c
1 parent 5985a54
commit 401331c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/material-experimental/mdc-checkbox/checkbox.ts b/src/material-experimental/mdc-checkbox/checkbox.ts
@@ -77,11 +77,12 @@ const _MatCheckboxBase = mixinColor(
   host: {
     'class': 'mat-mdc-checkbox',
     '[attr.tabindex]': 'null',
-    '[class.mat-mdc-checkbox-disabled]': 'disabled',
-    '[class.mat-mdc-checkbox-checked]': 'checked',
     '[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',