Dialog content can vary widely, but typically consists of text and/or UI control elements focused on a specific task or process. Examples include confirming item deletion or choosing a setting.
To disclose additional content, use inline expansion within the content area of dialogs, such as advanced options.
Avoid dialogs that:
- Open additional dialogs from within a dialog.
- Contain scrolling content, particularly alerts. Instead, consider alternate containers or layouts that are optimized for reading or interacting with significant amounts of content.
- Full-screen dialogs may open additional dialogs, such as pickers, because their design accommodates additional layers of material without significantly increasing the app’s perceived z-depth or visual noise.
Use and limitations: Dialogs are a sub-type of modal windows, and the examples covered here are for standard material system dialogs.
Other modal window constructions aren’t covered here because they have too much variation. For example, they can include elements such as branded buttons for purchasing flows, non-standard UI form elements, illustrations, or unique layouts.