ealexhaywood
commented
2 years ago Closing in favor of https://github.com/mui/material-ui/issues/29345. I'll chime in there with updates if/when I get around to doing anything
Closed ealexhaywood closed 2 years ago
ealexhaywood
commented
2 years ago Closing in favor of https://github.com/mui/material-ui/issues/29345. I'll chime in there with updates if/when I get around to doing anything
Duplicates
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!