Depth
public final class Depth
Depth establishes a sense of hierarchy by using shadows to occlude content underneath. Depth consists of two shadow layers, layer1 and layer2. layer2 is drawn on top of layer1:
_________________ | _________ | | | content | | | |_________| | | ___________ | | | layer 2 | | | |___________| | | _____________ | | | layer 1 | | | |_____________| | |_________________|
GlimmerTheme.depthLevels provides theme defined levels of depth that should be used to add depth to surfaces.
Higher level components apply depth automatically when needed, and depth can also be configured through surface. To manually render depth shadows for advanced use-cases, see the depth.