angular material - How to initially expand Expansion Panel

app.component.html

<h2 style="padding-top:25px; padding-bottom:25px;">
  Angular Material - How to initially expand Expansion Panel
</h2>


<mat-expansion-panel expanded="true">
  <mat-expansion-panel-header>
    <mat-panel-title>Kotlin</mat-panel-title>
  </mat-expansion-panel-header>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  Integer vitae semper massa. Donec maximus, dui nec
  dignissim blandit, ante odio varius ex,
  nec volutpat erat justo ac magna.
</mat-expansion-panel>

app.module.ts [import]

import {MatExpansionModule} from '@angular/material/expansion'

More Angular tutorials

• angular material - Action bar inside an Expansion Panel
• angular material - Expansion Panel opened & closed event
• angular material - How to use Accordion flat display mode
• angular material - Open & close Expansion Panel on button click
• angular material - Expansion Panel afterExpand & afterCollapse event
• angular material - Initially expand a panel in Accordion
• angular material - Expansion Panel expandedChange event
• angular material - How to change Expansion Panel header height
• angular material - How to use List
• angular material - List items separator
• angular material - How to generate List items from array
• angular material - Navigation list with button and icon
• angular material - How to use Action List
• angular material - Action list with button and icon
• angular material - How to use Selection List