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