Foundations
Shadows
Shadows provide visual cues about the distance between layers.
Overview
Choose from a range of shadow depths.
Shadows can improve overall aesthetic, add depth and realism to the user’s visual experience and improve the visual hierarchy. This helps users discover and interact with UI elements.
Shadow options are mapped to common components to ensure they work together.
| Shadow | Token | Example usage |
|---|