Documentation

Everything you can do with Beauter

Modal Boxes

You can make Modal boxes with beauter to make responsive popups etc.

base
modalbox-modal
object
-close
modalbox-modal-content

<button class="_box _pink" onclick="openmodal('myModal')">Open Modal</button>
<div id="myModal" class="modalbox-modal ">
<div class="modalbox-modal-content">
<span class="-close" id="modalbox-close">✖</span>
<p>Here lies your modal!</p>
</div>
</div>

Note that you need to include beauter.min.js at the end for the dynamic event triggering. See how here.


Sitemap ..

Code licensed under MIT
Docs under CC BY NC SA 4.0.
Designed with
outboxcraft logoOutboxcraft
© 2017