Dialogs
Dialogs contain text and UI controls focused on a specific task. They inform users about critical information, require users to make decisions, or involve multiple tasks.
Examples
Toggle dialogs by clicking the links below.
<div aria-hidden="true" class="modal modal-va-middle fade" id="" role="dialog" tabindex="-1"> <div class="modal-dialog modal-xs"> <div class="modal-content"> <div class="modal-heading"> ... </div> <div class="modal-inner"> ... </div> <div class="modal-footer"> ... </div> </div> </div> </div>
info_outline
Dialogs are a sub-type of modals, and the examples covered here are for standard material system dialogs. Other modal constructions are covered in the modal page.