Expansion-panel from material angular 4

Question

I hava an angular 4.4.4 application with material 2.0.0-beta.12 and I want to use the mat-expansion-panel from material design.

This is my code

Answer 1

for @angular/material version +10

You need to add encapsulation: ViewEncapsulation.None property into your @Component decorator

@Component({
  selector: '...',
  ...
  encapsulation: ViewEncapsulation.None
})
export class myApp{}

Then this will work

.mat-expansion-panel-body {
  padding: 0 !important;
}

Note that ::ng-deep and /deep/ will not work on the new version of angular/material as @nicholaschris says