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.