For more info please check the components's official demos & documentation
demos & documentation
<mat-expansion-panel> provides an expandable details-summary view.is a component that allows for Material styling of a line separator with various orientation options.
Personal data
Type your name and age
Self aware panel
Currently I am {{panelOpenState ? 'open' : 'closed'}}
I'm visible because I am open
Expansion panels can be
disabled using the disabled attribute. A disabled expansion panel can't be toggled by the user, but can still be manipulated programmatically.
This is the expansion title
This is a summary of the content
Personal data
Type your name and age
account_circle
Destination
Type the country name
map
Day of the trip
Inform the date you wish to travel
date_range