v2.4.0 Endurance
The latest release (Endurance) brings multiple bug fixes, features, and quality of life changes to the Vuetify. Long awaited features such as the plain property for v-btn
, new slots for v-carousel
, and support for a globally defined icon component. In addition, we added support for 2 new locales, Azerbaijani and Central Kurdish, improved accessibility in the v-menu
component, and new typography css classes.
We resolved numerous issues related to components and features we are building in Vuetify 3 right now! If you haven't yet, check out John's talk from Vue Conf Toronto Online 2020 with more information about what to expect with the upcoming release. Keep an eye out for updates pertaining to Titan in the coming weeks.
If you have questions regarding v3, connect with us in the Vuetify Discord.
-John Leider-
Supporting Vuetify
Vuetify is an open source MIT project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider:
- Becoming a sponsor on Github
- Supporting the Core Team on Open Collective
- Becoming a sponsor on Patreon (supports the author)
- Becoming a subscriber on Tidelift
- Make a one-time payment with Paypal
- Direct support from Vuetify
📖 Table of Contents
#Release Introduction
#Important Links
#Upgrade Guide
#Release Notes
#I need help! 🆘
Have questions? Check out our Frequently Asked Questions or join our Discord community.
❗️ Important Links
Vuetify Store
Documentation
Report a Bug
Community Discord
Twitter
🤚 FAQ
- Where is the Vuetify documentation?
- The framework documentation is located at https://vuetifyjs.com
- Where is the upgrade guide?
- Steps on how to upgrade your application from v2.3.x to v2.4 is located below
- Where can I get help with upgrading?
- The #updating-versions channel in our Discord Community
- Book time with the Vuetify team.
📑 Upgrade guide
v-row
now has negative vertical margins in addition to the existing horizontal ones in order to fix spacing when grid components are nested (issue #11408). This change is known to cause layout problems in some cases but should be easy to fix. Discussion about this can be found in #12848.
Workarounds for #11408
If you were applying your own negative margins or overriding the v-col
padding you will need to remove these workarounds now that the bug has been fixed.
Non-grid elements in v-row
There is now no space between the two cards in the following example:
<v-row>
<v-col>
<v-card></v-card>
</v-col>
<v-card></v-card>
</v-row>
The second card needs to be either wrapped in its own v-col
or have class="my-6"
added to match the grid gutters.
The recommended grid structure is below, anything else is not officially supported.
<v-container>
<v-row>
<v-col>
<!-- Other elements go here -->
</v-col>
</v-row>
</v-container>
💯 Release notes
v2.3.23 - v2.4.0
🔧 Bug Fixes
- Grid: collapse vertical gutters (d0f25fc), closes #11408
- Inputs: reset value to null instead of undefined (#12373) (8e5554d), closes #7429
- VChip: add close button aria-label (#12384) (9cd505d)
🚀 Features
- Locale: add Azerbaijani locale (#12084) (a2267b2)
- Locale: add Central Kurdish locale (#12100) (e121bc2)
- Styles: added text-pre-line utility class (53cc6de)
- Transitions: add dialog-top-transition (#12751) (09ddab5)
- Typography: add
text-pre
helper class (7a03376) - Typography: add
text-pre-wrap
utility class (#11772) (bf78f62), closes #11761 - Typography: improve
<code>
styles (7877bef) - VAppBar: don't truncate title with
shrink-on-scroll
(#12516) (8c5ee02), closes #12514 - VBtn: add new styling property plain (#12814) (bae707c), closes #3026
- VCalendar: add support for object categories (#12518) (806864c)
- VCalendar: update parser to return full category (#12638) (e2200c3)
- VColorPicker: add
hideSliders
prop (#12618) (e35d79b), closes #11138 - VDataTable: add
cellClass
property to headers (#11775) (8d06d45) - VDataTable:
index
prop initem*
slots (#12605) (9daeb16), closes #10646 - VDataTable:
isMobile
prop in scoped slots (#12604) (e1720a8), closes #11330 - VDatePicker:
show-adjacent-months
prop (#12603) (8f1cf64), closes #12237 - VIcon: specify a global default icon component (#12244) (41fd082), closes #7821
- VItemGroup: add tag prop to component (#12771) (e3378fc), closes #11392
- VMenu: add jump to first/last item keyboard navigation (#12348) (181d337)
- VResponsive: add contentClass prop (71b8854), closes #10982
- VSnackbar: keep snackbar open while mouseover (#12599) (8808d98), closes #12494
- VTextField: add
counter
scoped slot (#12634) (ed46cfb), closes #9548 - VTextField: only show placeholder on focus if label is set (#12635) (ff500ba), closes #12499
- VWindow,VCarousel:
prev
andnext
slots (#12602) (a0140b0), closes #3235
v2.4.0
🔧 Bug Fixes
🚀 Features
- Styles: added text-pre-line utility class (53cc6de)
- Transitions: add dialog-top-transition (#12751) (09ddab5)
- VBtn: add new styling property plain (#12814) (bae707c), closes #3026
- VCalendar: update parser to return full category (#12638) (e2200c3)
- VItemGroup: add tag prop to component (#12771) (e3378fc), closes #11392
- VResponsive: add contentClass prop (71b8854), closes #10982
- VTextField: add
counter
scoped slot (#12634) (ed46cfb), closes #9548
v2.4.0-beta.0
🔧 Bug Fixes
- Inputs: reset value to null instead of undefined (#12373) (8e5554d), closes #7429
- VChip: add close button aria-label (#12384) (9cd505d)
🚀 Features
- Locale: add Azerbaijani locale (#12084) (a2267b2)
- Locale: add Central Kurdish locale (#12100) (e121bc2)
- Typography: add
text-pre
helper class (7a03376) - Typography: add
text-pre-wrap
utility class (#11772) (bf78f62), closes #11761 - Typography: improve
<code>
styles (7877bef) - VAppBar: don't truncate title with
shrink-on-scroll
(#12516) (8c5ee02), closes #12514 - VCalendar: add support for object categories (#12518) (806864c)
- VColorPicker: add
hideSliders
prop (#12618) (e35d79b), closes #11138 - VDataTable: add
cellClass
property to headers (#11775) (8d06d45) - VDataTable:
index
prop initem*
slots (#12605) (9daeb16), closes #10646 - VDataTable:
isMobile
prop in scoped slots (#12604) (e1720a8), closes #11330 - VDatePicker:
show-adjacent-months
prop (#12603) (8f1cf64), closes #12237 - VIcon: specify a global default icon component (#12244) (41fd082), closes #7821
- VMenu: add jump to first/last item keyboard navigation (#12348) (181d337)
- VSnackbar: keep snackbar open while mouseover (#12599) (8808d98), closes #12494
- VTextField: only show placeholder on focus if label is set (#12635) (ff500ba), closes #12499
- VWindow,VCarousel:
prev
andnext
slots (#12602) (a0140b0), closes #3235
🆘 I need help!
If you are stuck and need help, don't fret! We have a very large and dedicated community that is able to provide help 24/7. Come to the #release-migration channel.