Filament Group

<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>

Open Dialog

<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

<p class="docs">
  <a href="example-external.html" data-dialog-link>Open Ajax Dialog</a>
</p>

Open Ajax Dialog

		<p class="docs">
		    <a href="https://filamentgroup.com"  data-dialog-link data-dialog-iframe>Open Iframe Dialog</a>
		</p>
		

Open Iframe Dialog