Question 1

Modal vs Drawer: which should I use?

Accepted Answer

One decision in the center vs a side panel for longer work. Prefer Modal Dialog when: Delete confirm; Short permission prompt. Prefer Drawer / Side Sheet when: Edit profile; Desktop filters; Detail side panel. Layout: Modal Dialog — Centered over scrim.; Drawer / Side Sheet — Slides from the side; page often still visible.. Best for: Modal Dialog — Short, high-stakes choices.; Drawer / Side Sheet — Forms, filters, detail that needs width.. Context: Modal Dialog — Fully interrupts the flow.; Drawer / Side Sheet — Keeps surrounding context available..

Question 2

Is this mainly a yes/no decision?

Accepted Answer

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

Question 3

Is the content a long form or multi-field filter?

Accepted Answer

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

Question 4

Should the user keep reading the page behind while editing?

Accepted Answer

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

Dimension	Modal Dialog	Drawer / Side Sheet
Layout	Centered over scrim.	Slides from the side; page often still visible.
Best for	Short, high-stakes choices.	Forms, filters, detail that needs width.
Context	Fully interrupts the flow.	Keeps surrounding context available.

Quick quiz