modalzinha.js 🖥

A Very simple tiny modal in vanilla js.

DEMO

Usage

Load CSS:

<link rel="stylesheet" href="modalzinha.css" />

Load Javascript:

<script src="modalzinha.js"></script>

HTML:

<button data-modal="open">Open!</button>

<div class="modal-wrapper" data-modal="wrapper">
        <div class="modal-content">
            <button data-modal="close">&times;</button>
            
            <div class="text">
              <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra semper nisi, nec tempus urna iaculis ac. Nam quis hendrerit neque. Curabitur in nisl eros. Morbi sagittis mattis quam, a tincidunt dui varius et. Vivamus ullamcorper lorem eget ligula ultrices volutpat.
              </p>
            </div>
        </div>
      </div>

This is basic modal style.

License

MIT. See /LICENSE