v4.0.0 (Revisionist)

Welcome to the v4.0.0 release of Vuetify!

Supporting Vuetify

Vuetify is an open source MIT project that has been made possible due to the generous contributions by sponsors and backers. If your business depend on Vuetify, please consider joining sponsors and backers on various platforms to help support ongoing development and new features.

❗️ Important Links

• Documentation
• Upgrade Guide
• Report a Bug
• Community Discord

💯 Release notes

🚀 Features

• MD3 typography (#22557) (311daf4)
• MD3 elevation levels (#22461) (dfce695), closes #14198
• grid system overhaul (#21500) (f6d24a9), closes #8611
• VAvatar: add badge prop + dot-size for VBadge (#22496) (cc9f417)
• VCol: syntax for overriding row size (#22572) (43e8736)
• VRow: smaller density steps (#22574) (16b944f)
• VSelect/VAutocomplete/VCombobox: add menu-elevation prop (4605987)
• VSnackbarQueue: show multiple snackbars (#22605) (7248d20), closes #21927
• display: reduce default breakpoint sizes (#19759) (853ce33)
• styles: always use css layers (f7123c6), closes #3400 #20232
• styles: flatten layer names (#22460) (47bc400), closes #22443
• styles: add separate entry points (#22396) (f00902c), closes #20100
• styles: cut down CSS reset (#20960) (ae3e8c9), closes #17633
• styles: remove overflow-y from reset (27868d5), closes #1197
• theme: change default theme to 'system' (9c8506c)
• theme: support transparent colors (bb49662), closes #10299
• theme: remove unimportant option (e8845ff)
• VDatePicker: only emit start and end range values (#20621) (eef80ad), closes #9098 #18701 #20599
• VForm: unref values in slot props (f92ae7a), closes #18355
• VImg: pass attributes to the underlying <img> (#22439) (71e01aa), closes #18860 #18907
• VInput: add indent-details prop (#21265) (f483092), closes #16679
• VNumberInput: do not clamp value on mounted (#21826) (4b4bfa5)
• VSelect/Autocomplete/Combobox: rename item to internalItem (2c1ac25), closes #18354
• VSnackbar: remove multi-line prop (#22212) (1371aba), closes #15996

🔧 Bug Fixes

• colors: correct CSS layer name (47d4b70)
• defaults: skip undefined values (2a74859), closes #17845
• inputs: restore plain/underlined icon alignment (5495cca)
• styles: utilities should override responsive typography (#22573) (878907f)
• VSnackbarQueue: pause all items when collapsed and hovered (df63fec)
• theme: re-merge default variables when themes is set (a14c763)
• theme: helpers should override theme base (2690877)
• theme: override automatic text color with classes (#22475) (59b11d5)
• theme: .text- classes always override color from .bg- (7edf33a), closes #21787
• VContainer: drop dependency on utility class (47ca5c8)
• VCounter: inherit color (aligns with VMessages) (#22424) (ecd07b9)
• VField: append/prepend should fill height (add5d2d)
• VOverlay: apply scrollbar offset to body and VNavigationDrawer (ec926d7)

🔬 Code Refactoring

• styles: replace !important with layers (7484c81)
• VBtn: remove default text transform (#21079) (712bdd6)
• VBtn: convert display from grid to flex (41b7768)