Shadows provide visual cues about the distance between layers.
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.
Apply shadows to a UI element using the boxShadow attribute on a style preset.