Material Angular Accordion header/title height

Question

So I\'ve been trying to adopt Materials Accordion in my Web Application development.

However having some troubles getting the header to expand in size as the content gro

Answer 1

You dont have to use ::ng-deep. You can use [collapsedHeight] and [expandedHeight] on your mat-expansion-panel-header.

    
        
            Section 1
        
        
This is the content text that makes sense here.
    

Link to StackBlitz Demo.