Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[question/discussion] Any plans to develop Material Design 3 components/variants? #33186

Closed
2 tasks done
ealexhaywood opened this issue Jun 16, 2022 · 1 comment
Closed
2 tasks done
Labels
support: question Community support but can be turned into an improvement

Comments

@ealexhaywood
Copy link

ealexhaywood commented Jun 16, 2022

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Summary 💡

While Material Design 3 doesn't deviate too much from Material Design 2, I do think it would be pretty cool to for MUI to provide MUI v3 components or additional variants to existing components to achieve the newer MD3 spec/look.

Examples 🌈

I haven't spent a ton of time digging into the differences between the specs, but at first glance common buttons are more rounded, aren't text transformed to uppercase, and have a new "Tonal" variant while also differentiating between filled/elevated. Cards have a new filled variant along with being more rounded, and Chips less rounded and their usage seems to be more actionable/clickable than sometimes informational in MD2.

Motivation 🔦

I tried searching in the issues and discussions to find if there's any plans but couldn't seem to find any. If there are plans to make any MD3-focused components for MUI Core I'd love to hop in and help out!

If it's something the MUI team has yet to discuss, maybe adding examples on how to customize the existing Button, ButtonGroup, Card, Chip, etc. components to achieve a Material Design 3 spec-compliant component into the MUI docs would be a good interim (or permanent) alternative. I'd be happy to open a PR and add "Material Design 3" sections in the component "Contents" right-hand navigation menu with an example for each with your approval to give it a shot!

@ealexhaywood ealexhaywood added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jun 16, 2022
@ealexhaywood
Copy link
Author

Closing in favor of #29345. I'll chime in there with updates if/when I get around to doing anything

@michaldudak michaldudak removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 20, 2022
@zannager zannager added the support: question Community support but can be turned into an improvement label Dec 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
support: question Community support but can be turned into an improvement
Projects
None yet
Development

No branches or pull requests

3 participants