Skip to content

v3.6.0

Compare
Choose a tag to compare
@github-actions github-actions released this 30 Apr 15:30
· 404 commits to master since this release

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

๐Ÿš€ 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