Store

For Enterprise

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.

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:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!