Elevation

Elevation

Elevation is corresponding distance between two surfaces along the x-axis. Elevation is measured as the distance between surfaces, this allows surfaces to move in front of and behind other surfaces, showing dimension between buttons and cards, and focuses attention on components or text that appear in front of other surfaces.

Component Elevation Values

  1. Navigation: 12dp
  2. Menus, Selects, and Filters on table: 4dp
  3. Card: 2dp
  4. Button: 6dp
  5. Dialog: 24dp
  6. Calendar Objects:
0p
1p
2p
4p
6p
8p
12p
24p