Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Material Expansion Panel

I want to create an expansion panel like the one in the demo. I don't see where the api for this is. How is it invoked?

like image 893
Joshua Foxworth Avatar asked May 31 '16 00:05

Joshua Foxworth


People also ask

How to disable expansion panel in angular Material?

To disable the panel, add the disabled directive to the panel element and set it to true. To enabled it, set it to false. We can also group multiple panels by using the mat-accordion element.

How do I change the toggle icon on my mat-expansion-panel?

The default icon for toggling a mat-expansion-panel is > . Setting hideToggle true just hides the toggle icon.


Video Answer


1 Answers

There's one built into the sidenav on the angular material site: https://material.angularjs.org/. It's not offered as a separate component, but the source is there.

Also, this was a planned feature at one point in time, but was marked as deprecated recently: https://github.com/angular/material/issues/985.

like image 151
Mike Feltman Avatar answered Sep 23 '22 09:09

Mike Feltman