Bottom sheet
A panel that slides up from the bottom of the screen, often draggable to expand or dismiss.
Sort by
Newest first
Oldest first
A → Z
Bottom sheets are common on mobile because they keep controls near the thumbs. They can be modal (block the underlying content) or persistent (peek above the main content). Many implementations support partial heights — peek, half, full — that the user can drag between.
Also called
bottom drawermodal sheet
When to use
- Mobile actions that need more room than a popover
- Selectors or filters where the user keeps the main content visible behind
- Multi-step flows that can collapse to a peek state
When not to use
- Desktop layouts (use a drawer, popover, or modal)
- Critical confirmations that shouldn't be dismissed by an accidental swipe
Related
Source
Material Design ('Bottom sheets'). The pattern is also native to iOS via UISheetPresentationController.