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.
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!