You are viewing the documentation for Vuetify 3
Go to Vuetify 2


The elevation helpers allow you to control relative depth, or distance, between two surfaces along the z-axis. There is a total of 25 elevation levels. You can set an element’s elevation by using the class elevation-{n}, where n is a integer between 0-24 corresponding to the desired elevation.


The elevation helper classes allow you to assign a custom z-depth to any element.



Dynamic elevation

Numerous components utilize the elevatable mixin and are given an elevation prop. For components that are not supported, you can dynamically change the class

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub