Designpedia
All terms
Overlays & Surfaces

Bottom Sheet

also known as bottom drawer

A bottom sheet is a sheet anchored to the bottom of the screen, common on mobile for menus, options, and secondary content. Material Design defines three kinds: modal (with a scrim, must be dismissed to use the app), standard/persistent (rests at the same elevation and coexists with main content), and expanding (a small collapsed peek the user can pull up).

See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A bottom sheet enters from the bottom; a navigation drawer enters from the side and is for navigation. An action sheet is iOS's specific bottom-anchored list of choices for a user action. The modal vs standard vs expanding distinction is about whether it blocks the background and how it rests.
In the wild
Tapping the '...' menu on a Google Drive file opens a bottom sheet of actions.
Tags
Sources