:wrench: Bug Fixes

• colors: apply theme-on-surface override for bg text color (43529fa)
• framework: pass template refs to slots as functions (#19731) (f2c6050), closes #19713 #19685
• nested: correct prop types (#19758) (0db4297)
• variant: always remove underlay from normal flow (6aea5e4)
• VAutocomplete: only clear search on blur in multiple or using chips/selection slots (#19701) (d02e1b3), closes #19543
• VDataTable: header title font weight (#19742) (c4b33c0), closes #19737
• VDataTable: correctly update the value of showSelectAll (#19762) (7c64392), closes #19069
• VDataTable: change mobile default to false (#19744) (a194622)
• VFileInput: correctly set single value to null when cleared (fce7f75)
• VInfiniteScroll: do not emit load event if status is empty (#19764) (b7a4c36), closes #18895
• VList: allow group activators to be links (94a05d1), closes #10981
• VResponsive: contentClass accepts array and object (8f0322d), closes #19729
• VSheet: base color off of on-surface instead of on-background (183a2f9)
• VSlider: render in forced-colors mode (#19706) (21e9f5e), closes #19705
• VStepperWindow/Item/VTabsWindow: add missing class / style passthrough (49fc5c5)
• VTabs: inherit attrs and scope id (67b30e7), closes #19752 #19754
• VToolbar/VAppBar: nav-icon and title alignment (daa96e9)

:test_tube: Labs

• VCalendar: add theme background color (#19745) (5a39b60), closes #18988
• VNumberInput: use VTextField as the base component (#19714) (53d6bb9), closes #19659 #19757
• VTreeview: lines prop supports boolean type (#19668) (330baa0), closes #19638

:arrows_counterclockwise: Reverts

• Revert "fix(VDataTable): selection duplication (#18908)" (0ad2992), closes #18908

:wrench: Bug Fixes

• VDataTable: select all showing when not enabled on mobile (#19727) (0825e2d)
• VDatePicker: wrong month displayed in header (#19721) (b0d42c9), closes #19126
• VFileInput: update:modelValue emit value (002ae8d)
• VHover: null isHovering by default (#19623) (75ed37b), closes #19601

See v3.6 Release here

:rocket: Features

• VConfirmEdit/VEmptyState/VFab/VSpeedDial/VSparkline: promote from labs (c8a03cd)

:wrench: Bug Fixes

• VSnackbar: return correct children (5056034)

v3.6.0 (Nebula)

Welcome to the v3.6.0 release of Vuetify!

---

💪 Support Vuetify Development

Vuetify is an open source MIT project that has been made possible due to the generous contributions by our sponsors and backers. If you are interested in supporting this project, please consider:

• Requesting Enterprise Support
• Sponsoring John on Github
• Sponsoring Kael on Github
• Supporting the team on Open Collective
• Becoming a sponsor on Patreon
• Making a one-time donation with Paypal

📖 Table of Contents

• #Important links
• #Upgrade guide
• #Component promotions
• #Release notes

❗️ Important links

• 📄 Docs
• 🚨 Issues
• 🏬 Store
• 🎮 Play
• 💬 Discord
• 🗑️ Bins

📑 Upgrade guide

• If you want to opt out of the mobile data table view, set the mobile prop to false
• Remove any manual imports of Labs components that were promoted as of this release

🏅 Component promotions

The following components have been promoted to the core framework from labs:

• VConfirmEdit

The confirm edit component is a powerful tool that allows you to confirm changes to a field before they are saved. This is especially useful in scenarios where you want to prevent accidental changes to a field.

• VEmptyState

The empty state component is a simple way to display a message when a list or page is empty. This is useful for informing users that there is no data to display.

• VFab

The floating action button is a layout aware component that is always visible on the screen. It can also be used inline in conjunction with cards and lists.

• VSparkline

The sparkline component is a simple way to display a small chart inline with text. This is useful for displaying trends or other data in a compact format.

• VSpeedDial

The speed dial component is a floating action button that expands into a menu of actions. This is useful for providing quick access to common actions in a compact format.

💯 Release notes

:rocket: Features

• display: add explicit prop that overrides mobile state (fafc39f)
• framework: support css cascade layers (#19641) (4820347)
• VBtn: add new readonly prop (72f33dc)
• VDataTable: add mobile view (#19431) (66880ce)
• VLayout: add dimension support (0114108)
• VNavigationDrawer: add new persistent prop (#19552) (74cc2bf)
• VSlideGroup: replace css transform with native scroll (#17286) (93bd7b5)

:wrench: Bug Fixes

• layout: translate full amount if element and layout size is 0 (99ea55d)
• VDataTable: add missing scss variable for loading opacity (69b5cc8)
• VDialog: adjust styling to better match material spec (383bbdc)
• VNavigationDrawer: don't restrict elementSize when location is top or bottom (1ee802d)
• VOverlay: move targetRef out of props (5e40cc8), closes #19685

:test_tube: Labs

• VDateInput: add new component (#19680) (e9d132f)
• VPullToRefresh: add new component (#19666) (1816775)
• VSpeedDial: proxy VMenu model (245f6d3)

:wrench: Bug Fixes

• locale: ko translations (#19687) (a063f94)
• useDirectiveComponent: cannot read properties of undefined (#19693) (b9a588f)
• VDatePicker: stay on current month when selecting multiple (2d13e36)
• VSnackbar: make touchstart listener passive (24d1066)
• VSnackbar: conditionally load layout styles (9504efa), closes #19717

:test_tube: Labs

• VCalendar: remove background for week view mode (#19681) (1ce2879), closes #18988
• VSpeedDial: remove mode designator on transition (2c726a5)

:rocket: Features

• support css cascade layers (#19641) (4820347)
• VBtn: add new readonly prop (72f33dc)
• VNavigationDrawer: add new persistent prop (#19552) (74cc2bf)

:wrench: Bug Fixes

• VDataTable: add missing scss variable for loading opacity (69b5cc8)
• VDialog: adjust styling to better match material spec (383bbdc)

:microscope: Code Refactoring

• VSlideGroup: replace css transform with native scroll (#17286) (93bd7b5)

:test_tube: Labs

• VSpeedDial: proxy VMenu model (245f6d3)

:wrench: Bug Fixes

• group: update the value when delete an item (#19663) (5918658), closes #19655 #19213
• typography: preserve property order when unwrapping $typography (f0f0fa0)
• typography: use relative line heights (#19628) (1086426)
• VCarouselItem: add missing class prop (#19649) (635946c), closes #19630
• VChip: prevent text selection for link chips (#19653) (9981395)
• VCombobox: don't delete chips on backspace until search is empty (d6a500b), closes #19626
• VDatePicker: change calendar when date is changed (#19570) (a1b47bb), closes #19421
• VDialog: add afterLeave event (#19664) (d5f1dc3), closes #19660
• VDialog: partial revert of changes made in 8083d89 (e569110)
• VFileInput: emit single if default is undefined & !multiple (#19656) (edd311f), closes #19297
• VInput: add theme class (#19602) (97cc161), closes #19598
• VList: don't takeover focus control when target is INPUT (468a9c1)
• VNavigationDrawer: manually apply dragging styles to avoid rerender (bb486ae)
• VNavigationDrawer: element drag area size (8a52ff3), closes #17352
• VProgressLinear: only apply locationStyles when absolute (3d810e1)
• VSelect: don't set scroll position on model change (7d2991c), closes #19635 #19642
• VSelect: auto scroll to the last selected item when open menu (d65d586), closes #19635
• VSnackbar: close from swipe gesture (200b3bf), closes #3509
• VSnackbar: position based on app layout (cbb945d), closes #15744
• VSnackbar: support custom transition (b9a7d69), closes #15474
• VSwitch: transition in RTL (#19495) (d11824f)
• VTextarea: up/down/home/end keys inside VList (#19674) (1c26e14), closes #19092

:arrows_counterclockwise: Reverts

• Revert "fix(VProgressLinear): remove locationStyles" (78fa9b9), closes #19658

:test_tube: Labs

• VFab: account for margin in elementSize (7ced152)
• VFab: add new layout prop that determines if app fab takes up space (0d0759c)
• VFab: apply position absolute to fab container (674db98)
• VNumberInput: avoid native number input weird behaviours (#19605) (42e482f), closes #19438 #19558 #19538 #19494
• VSnackbarQueue: create new component (#19629) (c74d0c9), closes #2384

:rocket: Features

• date: support typescript module augmentation for adapters (20ffadc), closes #18710
• Tooltip: add new directive (#19053) (2e1e743)
• variant: add configurable $border-width-root (2abb221), closes #16786
• VCardText/Subtitle: add opacity support (8633854)
• VDataIterator: loading prop fix and add new slot "loader" (#18811) (3fca676), closes #17652
• VDivider: add opacity support (702bb50)
• VDivider: add slot support (395f157)
• VInput: add dimensions support to VInput (#19600) (45c8f61)
• VListItemSubtitle: add new opacity prop (565a794), closes #16446
• VProgressLinear: add new buffer color / opacity props (#19190) (f257755)

:wrench: Bug Fixes

• VCounter: add error color when max is exceeded (d4921d8), closes #19615
• VDataTable: sort on transformed column values (b6b9be5), closes #18840
• VFileInput: add hideInput prop (#17270) (614262e), closes #17142
• VTimeline: provide correct dot-color default (380e8e6)

:wrench: Bug Fixes

• date: startOfWeek/endOfWeek does not respect locale (#19587) (2cb1ae5)
• icons: console warn for missing aliases instead of throwing error (82abf1b)
• rounded: apply rounded-0 for false value (3feeb77), closes #16601
• router: empty string to represent real empty "to" (#19614) (3f301b5), closes #19549
• VBottomNavigation: color animation delay (4a033e8)
• VBtn: apply center ripple when using the icon prop (#19577) (e1e6065), closes #17376
• VDataTable: skip default sort if custom function returns null (d368340)
• VDialog: focus content element after opening (1f3c823), closes #18779
• VFileInput: don't apply input color to chips (4bac07d)
• VProgressLinear: remove locationStyles (3f50694)
• VSelect: auto scroll to selected item when using hotkeys (#19593) (2bb1c07), closes #19574

:test_tube: Labs

• VCalendar: add event slot (#19555) (d63f6e2)
• VCalendar: hide adjacent events without show-adjacent-months (#19585) (f90ada3)
• VCalendar: not usable without v-model (#19586) (2fe65f0)
• VEmptyState: tweak text / icon styling (073e9ea)
• VSpeedDial: position prop styling and transition delay (5d29bf3), closes #11651