Bottom sheet

/BOT-um SHEET/ · noun · OVERLAY pattern · #044

A card that slides up over the screen for a quick sub-task while keeping the parent visible.

Also called: bottom drawer, slide-up panel, sheet.

Common questions

What is the panel that slides up from the bottom of the screen called?

A bottom sheet — a card that rises from the bottom edge to handle a quick sub-task while the parent screen stays visible behind it. iOS calls it a sheet; Material Design distinguishes standard and modal bottom sheets.

What is a bottom sheet in .NET MAUI?

In a .NET MAUI app, a bottom sheet is the same UI pattern: a temporary panel attached to the bottom edge. The pattern name describes the interaction; the component or library used to implement it depends on the MAUI project.

Related patterns

Scan a screenshot to catch this pattern →

Learn how to identify UI patterns from visual context