...
A dialog is a Popup which allows the user to enter information or make decisions.
Usage &
...
Behavior
General guidelines
Structure
In addition to the basic elements of a Popup window, a dialog contains a set of form components, such as Radio buttonsButtons, Check boxesBoxes, and Drop-down menusMenus.
A help icon (?) may appear next to the closing icon (X) in the dialog's header, for additional in-context help.
Dialogs can be any width or height. In some cases, the size of the dialog can be responsive to choices made by the user and any error messages. See Field Validation.
...
For detailed popup interaction information, see Popups.
For the interactions of other form components, see their individual pages, such as Text fieldField, Radio buttonButton, Check boxBox, Drop-down menuMenu, Date pickerPicker etc.
Validations and errors
...
Keep the dialog content as short and informative.
A dialog may contain several Tabs, Search, or /wiki/spaces/~347593403/pages/918783940 components, but scrolling the entire dialog should be avoided.
...
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Design
Zeplin link | Screen thumbnail |
---|---|
...