Side sheets
Side sheets are surfaces containing supplementary content or actions to support tasks as part of a flow.
Overview · Specs · Guidelines · Accessibility
- Use side sheets to provide optional content and actions without interrupting the main content
- Two variants: standard and modal
- People can navigate to another region within the sheet
- Side sheets can contain a back icon for navigation
- Standard side sheet
- Modal side sheet
Availability & resources
| Type | Resource | Status |
|---|---|---|
| Design | Design Kit (Figma) | Available |
| Implementation | Flutter | Unavailable |
| Implementation | Jetpack Compose | Unavailable |
| Implementation | Android Views (MDC-Android) | Available |
| Implementation | Web | Unavailable |
Differences from M2
- Right-to-left (RTL) language support with left side sheet
- Color: New color mappings and compatibility with dynamic color
- Shape: Modal side sheets have a 16dp corner radius
Side sheets have new color mappings to support dynamic color