/kit.modal

Efficient, and flexible Vanilla JavaScript plugin for building user interfaces:rocket:

Primary LanguageCSS

KIT Modal

It is a flexible modal window plugin allowing you to create:

  • Modal windows
  • Information windows
  • External link locker
  • Pop-ups
  • Pre-loaders

You can lock scroll with it, and it's compatible with React

Link

Kit Modal 🎉 - https://natteke.github.io/kit/modal/demos/

Installation

CSS

<link rel="stylesheet" href="/styles/kit.modal.css">

HTML

<div data-modal="Name" class="kit_modal">
    <div class="modal_stage">
        <!-- YOUR HTML CODE GOES HERE... -->
    </div>
</div>

HTML

<script src="/js/kit.modal.js"></script>

JS

kit.modal.createModal('Name');

Full guide could be found here: https://natteke.github.io/kit/modal/docs/

Licence

The code and the documentation are released under the MIT License.