Important
Vuetify Needs Your Support! The OpenCollective funds are running low. The team needed to scale down and is barely able to compensate the contributors for their work on the framework and the ecosystem tools.
If Vuetify is part of your stack, please consider sponsoring the project so we can continue delivering updates and fixes.
Every contribution helps us keep Vuetify alive and signals to maintainers that their effort is appreciated.
Thank you.
v4.3.0 (Paladin)
🏅 Component promotions
The following components have been promoted to the core framework from labs:
🚀 Features
- VAlert: add
timeoutprop and countdown indicator (#23280) (f6037cd), closes #20409 - VAutocomplete,VCombobox: add
filtered-orderprop (#23282) (af9efe6) - VDataTable: add 'filtered' select-strategy (041bb72), closes #22867
- VDatePicker: add scrollable month navigation (#22929) (d5bcfd3), closes #22928 #19176
- VProgressLinear,VProgressCircular: align with MD3 look (#23276) (c0797fb)
- VSelectionControl: add description prop and slot (3e734be), closes #21773
- VSlider: add
centeredprop (#23277) (6f6cf26) - VSlider: add variant "pill" to align with MD3 (#22699) (d21f95f)
- VTimePicker: extend
scrollableprop for input variant (ad89b1f) - styles: add entry point for layers.css (ed2dbea), closes #23239
- v-touch-hold: add new directive (#23269) (1aea081), closes #5322
- VBtn,VIconBtn,VBtnGroup: opt-in support for MD3 sizing and radius animation (#23253) (a1ee98a)
- VCarousel: add
pause-on-hoverprop (e835b88), closes #10544 - VDataTable: pass isExpanded/isSelected to rowProps (#23238) (2cef8b0)
- VDataTableRow: mark selected, expanded rows with data attributes (1b4a6b4), closes #17670
- VDateInput: localized format hint (#23173) (638c5bd)
- VDatePicker: add prefixed day events handler (#22491) (ae90b25), closes #22428
- VNavigationDrawer: add
modalprop andv-model:expanded(#23182) (150b21f), closes #23017 - VOverlay: add
contextmenuprop (#23196) (2cbc245), closes #9235 - VRow: add responsive gap props (#23246) (aa892b0), closes #23232
- VSlideGroup: add
paddingandgapprops (#23184) (5798ca9), closes #11972 - VSlider,VRangeSlider: improved a11y support (750744d), closes #23265
- VTab: add
slider-variantprop for MD3 (#23181) (f49c1af), closes #23168 - VWindow,VCarousel: add wheel navigation (#22906) (1bcd5da), closes #22893
🔧 Bug Fixes
- VDatePicker: stable animation and days row width (5d1051b)
- VTextarea: keep native undo history with auto-grow (#23279) (4849474), closes #23153 #21982
- VTimePicker: wider segments for 24hr mode w/ seconds (3fa199f)
- click-outside: close on right and middle click outside (b6b5acd), closes #11982
- layout: render item sizes and offsets before mount (SSR) (#23250) (d297cf4), closes #22925 #22944
- VCheckbox,VRadio,VRadioGroup,VSwitch,VColorInput: expose focus (#23148) (ae6934a), closes #23147
- VRating: scale icons with numeric
size, addicon-sizeprop (3112446), closes #16288 - VWindow: correct wrap animation when using arrows and touch (b8cc684)
🔬 Code Refactoring
- migrate observer composables to @vuetify/v0 (#23220) (114c7c5)
- display: implement vuetify0 (#23210) (daa50c2)
- locale: implement vuetify0 (886093e)
- rtl: implement vuetify0 (c030dc0)
🧪 Labs
- ✨ VAudio: add new component (#23227) (01d646e)
- ✨ VSplitBtn: add new component (#23267) (1d8ce82), closes #22076
- ✨ VInfiniteCarousel: add new component (#23116) (0a5d9c4)
- ✨ VTimeInput: add new component (#23141) (3dd96fc)
- VCommandPalette: expose highlighted item to screen readers (#23258) (3d79adb), closes #23257
- VLoadingIndicator: add new component (c5ce339)
- VMediaProgressBar: show filled bar without lengthy delay (cb025a2)
- VVideo:
thumb-sizeshould apply non-default progress variant (a94c22c) - VVideo: add
actionsprop, overhaul progress bar and volume control (#23241) (2bc0ecc) - VVideo: rename group for i18n keys (2191e30)
- VCommandPalette: pass keyboard and click wiring to custom slots (#23260) (daab958), closes #23259