Material Design 3 (Material You)
See original GitHub issueAs the specification is not complete yet, I propose the following changes for vuetify 3 with the rest coming in a future version:
- Update theme colors to match https://m3.material.io/styles/color/the-color-system/tokens
- Adaptive typography: https://m3.material.io/styles/typography/overview
- Update variant names to match https://m3.material.io/components/buttons/overview
elevated
,filled
,tonal
,outlined
,text
- Update state layers https://m3.material.io/foundations/interaction-states
Issue Analytics
- State:
- Created 2 years ago
- Reactions:68
- Comments:9 (3 by maintainers)
Top Results From Across the Web
Material Design
Material 3 is the latest version of Google's open-source design system. Design and build beautiful, usable products with Material 3.
Read more >Migrating to Material Design 3
Updating your theme to Material 3. Material Design 3 has an expanded color system that takes advantage of features such as dynamic color....
Read more >MDC-Android – Material Design 3
Material Design is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source...
Read more >Unveiling Material You
Updated October 28, 2021: Material Design 3 is now live! Read about our latest resources, guidelines, and code in our new post.
Read more >Start building with Material You
The Material Theme Builder is a tool that helps you see how Material Design 3's dynamic color and new type scale will look...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I’m pretty sure that we support everything in MD3 and then some; we support concepts and components from MD1 that no longer exist.
The Material 3 spec was incomplete and not ready for general use, but Google seems to have published an update in the last few weeks that mostly completes their component collection. A Vuetify blueprint might work in some cases, but there are several incompatibilities around typography and component states between M2 and M3, so a blueprint will only give you an approximation for how an M3 component would look like and behave, unless some components are redesigned with the new spec in mind.