Combine with Surface

[niutech]

Have you heard of Surface CSS-only Material Design framework. Why don't you combine it with Matter and base your missing components on Surface?

[finnhvman]

Hello! Matter and Surface are two very different approaches. Matter is an implementation of the latest Material Design spec, on the other hand Surface is more loose on the spec, experimental and unmaintained. Compare for example the button component from both libraries and see in how many aspects they differ.

Let's get practical though. Which components do you miss from Matter? 🙂

[KieranHolroyd]

Modals would be super nice, maybe you could implement them in a similar way to GitHub with the

<details>cool :p</details>

tag, would keep it fast and require no js. not sure how animations work with the tag though

[niutech]

I would like to see Tabs, Modals, Collapsibles and Drop-down Menus, which are already implemented in Surface CSS.

[DevFelixDorn]

Navbars, file input.

[willpower232]

This tweet on how github did javascript-free modals might be useful to you https://twitter.com/Keithamus/status/1098260366017134592

[finnhvman]

Thank you all! (especially @willpower232)

Looks like modal is the obvious next choice.

For the other requests: I'm trying to follow the Material Design Components specs at https://material.io/design/ (Hamburger menu | Scroll the menu down to bottom -> Components). The ones requested but not found here require more time.

Also keep in mind that these factors come into play in an implementation:

• Accessibility
• CSS-only-ness
• Developer Experience
• Material Design Spec

At this point I'm not sure I would be able to deliver any component (some would become overly complex without JavaScript), but I'll do my best. 🙂

[web-padawan]

Thumbs up for tabs as there is a bunch of CSS-only tabs solution, e.g. here.

[finnhvman]

@web-padawan Thanks for this list!

[silikidi]

Great work! Thank you, I admit, it helps me a lot, you have successfully made scriptless the material. While wait Matter stuff of SELECT next release, I use Pavel Paravko crafting https://codepen.io/pavelvaravko/pen/qjojOr