Description
Bug, feature request, or proposal:
Proposal
What is the expected behavior?
Required in the first version of angular material and not implemented, a list of expandable panel.
Specs
What is the current behavior?
None
What is the use-case or motivation for changing an existing behavior?
it's an awesome component for setting's section of a user profile or application
Is there anything else we should know?
I wrote the first implementation for this component.
Usage:
<md-expansion-panel-group>
<md-expansion-panel>
<md-expansion-panel-header>
<md-expansion-panel-header-label>
<span class="md-primary">Label here...</span>
<span class="md-secondary">Secondary label here...</span>
</md-expansion-panel-header-label>
<md-expansion-panel-header-content>
Header content here...
</md-expansion-panel-header-content>
</md-expansion-panel-header>
<md-expansion-panel-content>
Panel content here...
</md-expansion-panel-content>
<md-expansion-panel-actions>
Panel actions here like as...
<button md-button>CLOSE</button>
<button md-button>SAVE</button>
</md-expansion-panel-actions>
</md-expansion-panel>
</md-expansion-panel-group>
md-expansion-panel-group
The outer container for a group of panels.
Basic only one panel at a time can be expanded but you can change the behavior by md-multiple- expansions
property.
md-expansion-panel
A panel that expand / collapse its content by clicking on the header.
User can navigate between panels by TAB and ENTER keys.
md-expansion-panel-header
The only clickable section when the panel is collapsed.
md-expansion-panel-header-label
The title of the panel. With md-primary
and md-secondary
classes you can set two line.
md-expansion-panel-header-content
A short grouping of the content of the panel.
md-expansion-panel-content
Custom content of the panel.
md-expansion-panel-actions
Custom action of the panel like a dialog buttons.