Changed imports in angular material

Question

I started creating a new website with angular 9 and angular material. So far this worked:

import {MatSidenavModule, MatToolbarModule} from '@angular/material';

now i get an error and have to change it to:

import { MatSidenavModule } from '@angular/material/sidenav';
import { MatToolbarModule } from '@angular/material/toolbar';

Something changed with the imports in Angular 9 and material? I found nothing in the documentation.

Answer 1

Check this link for Angular updates

For angular material you have to do according to the documentation:

Instead of importing from @angular/material, you should import deeply from the specific component. Eg @angular/material/button.