ux-research checked
Nielsen Norman Group: Bottom Sheets
Defines bottom sheets as mobile bottom-edge overlays for contextual details or actions, describes progressive disclosure, and warns that they obscure part of the screen.
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. | NN/g bottom-sheet guidance supports the boundary around mobile bottom-edge contextual detail and screen-obscuring tradeoffs. |
| 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. | NN/g defines bottom sheets as mobile lower-edge overlays for contextual details or actions and warns that they obscure part of the screen. |
Evidence Role
This source is treated as ux-research evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Nielsen Norman Group. Last checked: .