Dialog
A dialog is a type of modal window that appears to prompt users for input, display information, or ask for confirmation before proceeding with an action.
See and interact with Dialog component on this page.
Example of dialog with simple variation
Dialog title
The Dialog body text provides an extension of information on the page. You can include:
- lists
- sub-headings
- text
- links.
Example of dialog with callout variation
This 'copy' field is only available in callout variation. You can have a short piece of text appear on the page within the callout, with greater detail available in the expanded dialog box.
Dialog title
The Dialog body contains greater detail than the on-page callout.
The body text provides an extension of information on the page. You can include:
- lists
- sub-headings
- text
- links.
Example of dialog with callout variation with legal message
This 'copy' field is only available in callout variation. You can have a short piece of text appear on the page within the callout, with greater detail available in the expanded dialog box.
Dialog title
The Dialog body contains greater detail than the on-page callout.
The body text provides an extension of information on the page. You can include:
- lists
- sub-headings
- text
- links.
Please indicate your understanding to continue
Guidance
See the Help Hub guide for detailed instructions on how and when to use this component.