Components with responsive elevations may encounter other components as they move between their resting elevations and dynamic elevation offsets.
They ensure that elevation changes are consistent across actions and component types.
For example, all components that lift on press have the same elevation change relative to their resting elevation.
Once the input event is completed or cancelled, the component will return to its resting elevation.
If an object changes elevation, it should return to its resting elevation as soon as possible.
Desktop resting elevation is 2dp below the listed values to accommodate mouse and non-touch environments.
Component elevations: Some component types have responsive elevation, meaning they change elevation in response to user input (e.g., normal, focused, and pressed) or system events.
These elevation changes are consistently implemented using dynamic elevation offsets.
Bottom navigation Bottom sheets Buttons Buttons: Floating Action Button Cards Chips Data tables Dialogs Dividers Expansion panels Grid lists Lists Lists: Controls Menus Pickers Progress & activity Selection controls Sliders Snackbars & toasts Steppers Subheaders Tabs Text fields Toolbars Tooltips Data formats Empty states Errors Fingerprint Gestures Launch screens Loading images Navigation Navigation drawer Navigational transitions Notifications Permissions Scrolling techniques Search Selection Settings Swipe to refresh In the physical world, objects can be stacked or affixed to one another, but cannot pass through each other. Material design reflects these qualities to form a spatial model that is familiar to users and can be applied consistently across apps.
Measured from the front of one surface to the front of another, an element’s elevation indicates the distance between surfaces and the depth of its shadow. While components have consistent resting elevations across apps, they may have different resting elevations across platforms and devices.
Dynamic elevation offsets are the goal elevation that a component moves towards, relative to its resting state.
All material objects, regardless of size, have a resting elevation, or default elevation that does not change.