Proposal: md-expansion-panel

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.

[cesarp]

This is pretty decent, not sure if you are aware of but helped me.

https://teradata.github.io/covalent/#/components/expansion-panel

[100000001]

It is actually in the latest release, but still needs documentation, I did find this though: https://github.com/angular/material2/blob/master/src/lib/expansion/expansion.md