<p class="docs">
<a href="#mydialog" id="mydialog-btn">Open Dialog</a>
</p>
<div class="dialog" id="mydialog">
<p>This is a dialog</p>
<a href="#mydialog-btn" data-dialog-close>Close</a>
</div>
This is a dialog
Close
<p class="docs">
<a href="#mytransparentdialog" id="mytransparentdialog-btn">Open Dialog with Transparent Background</a>
</p>
<div class="dialog" id="mytransparentdialog" data-transbg>
<p>This is a dialog with a transparent background</p>
<a href="#mytransparentdialog-btn" class="dialog-close">Close</a>
</div>
Open Dialog with Transparent Background
This is a dialog with a transparent background
Close
<p class="docs">
<a href="example-external.html" data-dialog-link>Open Ajax Dialog</a>
</p>
<p class="docs">
<a href="https://filamentgroup.com" data-dialog-link data-dialog-iframe>Open Iframe Dialog</a>
</p>