Material Design 3 with Angular

Question

I am new to material design and I am researching whether I can use Material Design 3 with Angular version 17.

I have followed the steps mentioned in Material Design 3 and successfully installed but I have no idea on how to use its components. Any help would be appreciated. Thanks..!!

Answer 1

Material 3 support for Angular has been released in v17.2.

You can now use design tokens, customization becomes scary easy !

<mat-checkbox class="scary-setting">Delete my account</mat-checkbox>

.scary-setting {
  // No need to target any internal checkbox selectors! 🎉
  - mdc-checkbox-unselected-hover-state-layer-color: red;
  - mdc-checkbox-unselected-hover-icon-color: red;
}