Watch

Modal vs toast 0:40

A 40-second explainer of Modal vs toast, narrated over the same demo you can try yourself.

The Modal vs toast explainer. Prefer to do it yourself? Try the interactive demo.

Try the interactive Modal vs toast demo

What this video covers

A modal blocks interaction with the underlying interface and demands attention; a toast is non-modal, temporary feedback and should not contain essential information.

Confirming a routine save with a modal made you stop and click "OK" for no reason - an interruption tax. The toast did the same job and got out of the way. Flip it for a destructive action, though, and the toast that vanishes is exactly wrong. Match the weight of the interruption to the weight of the moment.

More UX term videos

All UX term videos