Material-components-web: Investigate making Expansion Panel

[traviskaufman]

Spec reference: https://www.google.com/design/spec/components/expansion-panels.html

• [ ] Single Expansion Panel
• [ ] Expansion panel group / accordion (a la Inbox)

Copied from https://github.com/google/material-design-lite/issues/4499

[gurmukhp]

This panel would be super useful for a project we're working on.

[Garbee]

Some quick thoughts on this, <details> could be used to natively get the collapse bit done without JS in supported engines. And we could recommend the polyfill for people who need support in older engines. With a little bit of styling on the <summary> and a node or two for the inner contents and actions.

[Garbee]

FTR a functioning example of what I'm thinking. Looking to add this into MDL first to try and get an early gauge on problems with the implementation for any concerns that should be addressed for MCW going forward.

[MCGPPeters]

Hi guys.. I've build an expansion panel according to the MD specs as an aurelia component , that you are welcome to use as a starting point for instance. I needed it for a project so I built one that works for our purposes. I'm not a dedicated front end developer, so you will be most likely be able to improve it. I need to package it up when I find some time... but you'll probably be able to get it to work as is :) .

Cheers

[rudza]

Any progress on this?

[ColbyTJohnson]

Would love to see this implemented soon!

[stefanoguglielmi]

come on guys!!!

[touficbatache]

When is it coming? It definitely is what I need for my project!

[hebbet]

according to https://www.pivotaltracker.com/n/projects/1664011

[touficbatache]

😑😒 @hebbet Look at the date and time picker components... They're in the last components to be released...

[aecz]

Pushed back to end of January 2018. I will use Angular Material one for now.

[putuoka]

Rip me. Already use MDC for 80% of my design till i realize it have no date picker component. what should i do now?

[griest024]

I've started a WIP for this component. See #2020

Engineering Outline

[touficbatache]

@griest024 Thank you so very much. This component is very needed in my projects.

[griest024]

@touficbatache Yep me too. I have needed this for a while.

[touficbatache]

@griest024 I would have created the component and pushed it into MDC but I'm not sure how their system work and I don't have time..

[kfranqueiro]

This is no longer within scope of the MD spec, so we're no longer planning to add this to the core MDC Web repository.

[clevercodenl]

This is no longer within scope of the MD spec, so we're no longer planning to add this to the core MDC Web repository.

I've found the collapsable/expandable for list still in the MD spec at the Expand and collapse section... Or am I looking at the wrong spec ?

[asyncLiz]

The expansion panel _as a standalone component_ is not _currently_ within spec at the time of writing.

Check out https://github.com/material-components/material-components-web/issues/5939#issuecomment-634336770 for a longer description of the hows and whys 🙂

I'm going to lock this thread since this is nearly a 4 year old issue with inactivity for 2 years. #5939 has the latest information from Material Design on expansion panels.

tl;dr we know they're hotly requested and we've made that known to our designers so that they can prioritize it.