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
n is a integer between 0-24 corresponding to the desired elevation.
elevation helper classes allow you to assign a custom z-depth to any element.
Below is a collection of simple to complex examples.
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 reading with: