Elevation
Elevation is the relative distance between two surfaces along the z-axis.
Measuring elevation
Elevation in Material Design is measured as the distance between Material surfaces. The distance from the front of one Material surface to the front of another is measured along the z-axis in density-independent pixels (dps) and depicted (by default) using shadows.
Example elevation of different components:
Nav drawer: 16dp
App bar: 4dp
Card: 1dp to 8dp
FAB: 6dp
Button: 2dp to 8dp
🧑🏻💻 Usage Guidelines
Our Zoom Design team has created extension called Eleva to display dp level of shadows in zeplin.
Last updated