Material-components-web: List expand and collapse states

Created on 11 Oct 2018  路  7Comments  路  Source: material-components/material-components-web

Within Material Design Lite, I liked the collapsible capability in menu lists, such as found in the mega footer:

footer

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading">Features</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="#">About</a></li>
        <li><a href="#">Terms</a></li>
        <li><a href="#">Partners</a></li>
        <li><a href="#">Updates</a></li>
      </ul>
    </div>

MDC Lists don't seem to incorporate this, nor Menus.

Material Design spec includes expand and collapse collapse for lists
https://material.io/design/components/lists.html#types

image

Does Material Components Web have similar functionality that I'm missing, or intention to incorporate?

Most helpful comment

@acdvorak not planning to implement at all?
can i contribute this functionality to lists?

All 7 comments

Thanks for filing this issue!

Unfortunately we are not planning to implement this on Web.

An earlier version of the Material Design Guidelines included Expansion Panels, which have similar functionality, but they were later dropped. See https://github.com/material-components/material-components-web/pull/2020#issuecomment-401488493 for more info.

@acdvorak not planning to implement at all?
can i contribute this functionality to lists?

how this is not planned? this is one of the major features of MD... I'm quite frustrated

Thanks for filing this issue!

Unfortunately we are not planning to implement this on Web.

An earlier version of the Material Design Guidelines included Expansion Panels, which have similar functionality, but they were later dropped. See #2020 (comment) for more info.

But List expand/collapse state are specified. You are not planning to implement the spec?

Yeah, wait, why are you not going to implement the spec for the list expand and collapse? @acdvorak @moog16

@danielbarela at the time it wasn't a priority for the design team. We also have internal clients that have other needs that we as a team have not met yet. Like any team we must prioritize, and this feature did not make the cut.

@moog16 @acdvorak You have Collapsibles on the Material.io website. Are they part of MDC?

https://material.io/components/cards/#usage or any subpage for the specific components, really

Screenshot 2020-02-05 at 16 48 04

Screenshot 2020-02-05 at 16 48 09

Was this page helpful?
0 / 5 - 0 ratings

Related issues

robzenn92 picture robzenn92  路  4Comments

kimurakenshi picture kimurakenshi  路  3Comments

CyborgSemon picture CyborgSemon  路  3Comments

traviskaufman picture traviskaufman  路  3Comments

traviskaufman picture traviskaufman  路  3Comments