pattern-library 2 linked patterns checked

Material Design 3 Bottom sheets

Defines bottom sheets as secondary content anchored to the bottom of the screen, with standard and modal variants.

Read with a purpose

What this source can teach

Use this source to compare a documented solution with the task and states in your own product.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Action sheet Choose action sheet when an intentional user action needs a small set of immediate choices related to the current object, draft, page, document, or selected item. The sheet opens only after a user-initiated action, not as unsolicited promotion, onboarding, or error display. Material bottom-sheet guidance supports distinguishing richer bottom surfaces from short action choices.
Bottom sheet Choose bottom sheet when contextual details, options, or controls are best reached from the lower edge of a mobile viewport while the background remains useful for orientation. The sheet enters from the bottom edge and remains visually attached to that edge or device safe area. Material bottom sheet guidance supports bottom anchoring and standard versus modal variants.

Comparisons supported by this source

Evidence Role

This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.

Publisher: Material Design. Last checked: .

Saved items