Skip to content

Proposal: md-expansion-panel #995

Closed
Closed
@Dona278

Description

@Dona278

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P5The team acknowledges the request but does not plan to address it, it remains open for discussionfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions