Releases: vuetifyjs/vuetify
Releases · vuetifyjs/vuetify
v3.6.2
v3.6.1
v3.6.0
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
- 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:
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.
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.
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.
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.
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
🚀 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)
🔧 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
🧪 Labs
v3.5.18
🔧 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
🧪 Labs
v3.6.0-beta.0.0
🚀 Features
- support css cascade layers (#19641) (4820347)
- VBtn: add new readonly prop (72f33dc)
- VNavigationDrawer: add new persistent prop (#19552) (74cc2bf)
🔧 Bug Fixes
- VDataTable: add missing scss variable for loading opacity (69b5cc8)
- VDialog: adjust styling to better match material spec (383bbdc)
🔬 Code Refactoring
🧪 Labs
- VSpeedDial: proxy VMenu model (245f6d3)
v3.5.17
🔧 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
🔄 Reverts
🧪 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
v3.6.0-alpha.2
🚀 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)
🔧 Bug Fixes
v3.5.16
🔧 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
🧪 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
v3.6.0-alpha.1
v3.6.0-alpha.0
🚀 Features
- date: add more functions to default adapter (#19141) (a6a02f0)
- dates: add all supported formats (45199a4)
- icons: add vuetify-play icon (0f2ea2b)
- opacity: add new utility classes (44e5588)
- position: add left/top/right/bottom-0 utility classes (5713630)
- transitions: add root variable (#19120) (f1735a5), closes #6470
- utilities: add new classes (a3ff4eb), closes #9243
- VAppBar: add support for fully-hide scroll-behavior (#19557) (c6f6587), closes #18020
- VBtnGroup/VBottomNavigation: add baseColor prop (#19088) (4e84c67), closes #17042
- VExpandTransition: add
groupprop (#19347) (f785b7c), closes #19210 - VForm: expose component instances (56c5c62), closes #19365
- VInput: add new $input-flex sass variable (0f1d43a)
- VLabel: add opacity sass variable (c6fb388)
- VMain: add dimension support (8ba749b)
- VNavigationDrawer: add delay functionality for rail (0201c01), closes #18413
- VSnackbar: pass internal isActive model through activator slot (75d0ed1)
- VTabs: add support for v-tabs-window (#19248) (b905b67)
- VTimeline: add more passthrough props to defaults provide (c008ad5)
🔧 Bug Fixes
- layout: use suspense to delay render of layout items (#15229) (727bc1a)
- rounded: apply rounded-0 for false value (3feeb77), closes #16601
- VDataTable: add new prop to wrap text when use maxWidth (#18961) (dd929f5), closes #18862
- VDataTable: selection duplication (#18908) (9745cd1), closes #18877
- VDataTableFooter: dont apply i18n to numbers (#18980) (8e1f56e), closes #18978
- VDatePicker: add missing transition between months (24c53d0)
- VExpansionPanels: propagate all defaults to VExpansionPanel (27b172b)