A dialog element that is enhanced with a close button, keyboard accessibility, click outside to close, and more.
<script type="module" src="./enhanced-dialog.js"></script>
import "./enhanced-dialog.js";
<mz-dialog>
<dialog>
<button class="dialog-close" type="button" aria-label="Close">X</button>
<h1>Dialog Title</h1>
<p>Dialog content</p>
</dialog>
</mz-dialog>