Vuetify Versions Save

🐉 Vue Component Framework

v3.6.9

3 weeks ago

:wrench: Bug Fixes

  • VAppBar: inability to scroll to the bottom (#19921) (7ccff92), closes #19090
  • VAutocomplete/VCombobox: disallow auto-select-first via pure blur (2368668), closes #19929
  • VBanner: set index when using sticky prop (9e2d22f)
  • VEmptyState: support VBtn variants when using actions slot (99279d9)
  • VFab: change type for location prop (#19949) (07a6fb8), closes #19944
  • VMenu: allow enter keypress to work in input element (#19922) (193301c), closes #19920
  • VOverlay: check for Shadow DOM on mount (#19947) (e6e76d5), closes #19943

:test_tube: Labs

  • VNumberInput: attributes fall through to root (#19959) (df6440d)
  • VTimePicker: properly apply disabled props (#19964) (0ba4b78)
  • VTreeview: remove redundant treeview re-render during open (#19968) (9e1cfbd)

v3.6.8

1 month ago

:wrench: Bug Fixes

  • framework: remove circular imports (957b4bc), closes #19852
  • flex: add missing flex-x-x-0 classes (a23dece)
  • VCheckboxBtn: reset checked state when readonly is true (#19861) (ed2f0fa), closes #19137
  • VDataTable: customKeyFilter filtering (#19881) (b3eafb2), closes #19596
  • VDatePicker: using the start range that has been cleared (#19869) (f401f41), closes #19854
  • VDivider: missing when vertical and aligned to center (#19890) (18d64fe), closes #19889
  • VSlider: add missing aria-label (#19887) (e46a98d)
  • VSnackbar: fix class name for center location (#19878) (e48d37b)
  • VStepper: propagate complete/error/edit icons (64acd01)
  • VStepper: accept null value for mobile (908fb59)
  • VStepperItem: remove inline margin in mobile mode (e94dc93)
  • VTabs: render tabs correctly using items (#19868) (f5f2fa4)

:test_tube: Labs

v3.6.7

1 month ago

:wrench: Bug Fixes

  • defaults: allow null component and global values (#19842) (9342288), closes #19783
  • layout: find children inside suspense boundary (c209d09), closes #19830
  • locale: update missing persian translations (#19812) (17a0561)
  • VAutocomplete/VCombobox: remove tab key listener (#19846) (5703a6c), closes #19840
  • VAutocomplete/VCombobox: prevent focus on menu icon (4b387b5)
  • VBtn: remove negative prepend/append margin with slim prop (665c616)
  • VDataTable: add ability to hide default body (#19844) (2f8ee0f), closes #18854
  • VDataTable: fit mobile row height to content (#19843) (f016954)
  • VDataTable: add missing disable-sort prop (#19820) (4a2de37), closes #19197
  • VDatePicker: disable months outside min/max value (#19822) (67ab46c), closes #19810
  • VDivider: visiblity in container with dynamic height (#19828) (ea567bb), closes #19827
  • VDivider: don't wrap content (d6b292f)
  • VField: avoid cascaded overlay multiplier from parent components (88badc6)
  • VList: pass return-object to nested VListChildren (#19848) (feeb467)
  • VMenu: min width property (#19771) (7d955d2), closes #16987

:test_tube: Labs

v3.6.6

1 month ago

:wrench: Bug Fixes

:arrows_counterclockwise: Reverts

  • Revert "fix(colors): apply theme-on-surface override for bg text color" (1b56e4e)

:test_tube: Labs

v3.6.5

1 month ago

:wrench: Bug Fixes

  • VDataTable: add missing hide-default-header/footer props (#19774) (a6340ac)
  • VFileInput: allow dirty prop to trigger dirty state (85c41db), closes #19699
  • VStepper: add missing hover and focus styling (b45ab1a)
  • VStepper: add missing non-linear styles (da6d5f3)
  • VStepper: only show edit icon if editable and selected (34bb202)
  • VStepper: do not spread raw property onto VStepperItem (3d9deb7)

:test_tube: Labs

v3.6.4

1 month ago

: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

v3.6.3

2 months ago

:arrows_counterclockwise: Reverts

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

v3.6.2

2 months ago

:wrench: Bug Fixes

v3.6.1

2 months ago

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

2 months ago

v3.6.0 (Nebula)

Welcome to the v3.6.0 release of Vuetify!

Hero

💪 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:

📖 Table of Contents

📑 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:

confirm-edit

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.

empty-state

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.

fab

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.

sparkline

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.

speed-dial

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