Question 1

Drawer vs Bottom sheet: which should I use?

Accepted Answer

Side panel for desktop; bottom sheet for thumb reach on phones. Prefer Drawer / Side Sheet when: Desktop filter rail; Detail editor. Prefer Bottom Sheet when: Share sheet; Mobile filters; Action menu. Entry edge: Drawer / Side Sheet — Left or right.; Bottom Sheet — Bottom edge.. Reach: Drawer / Side Sheet — Fine with mouse/trackpad.; Bottom Sheet — Optimized for one-handed mobile use.. Typical jobs: Drawer / Side Sheet — Nav, filters, edit side panel.; Bottom Sheet — Share, pickers, compact filters..

Question 2

Is the primary device a phone where thumb reach matters?

Accepted Answer

If yes, lean toward Bottom Sheet; if no, lean toward Drawer / Side Sheet.

Question 3

Is this a wide desktop layout with a side editor?

Accepted Answer

If yes, lean toward Drawer / Side Sheet; if no, lean toward Bottom Sheet.

Question 4

Is the content a short set of actions rather than a long form?

Accepted Answer

If yes, lean toward Bottom Sheet; if no, lean toward Drawer / Side Sheet.

Dimension	Drawer / Side Sheet	Bottom Sheet
Entry edge	Left or right.	Bottom edge.
Reach	Fine with mouse/trackpad.	Optimized for one-handed mobile use.
Typical jobs	Nav, filters, edit side panel.	Share, pickers, compact filters.

Quick quiz