Sphinx Laravel Package

+++ title = "Modal" draft = false weight = 150 date = "2017-04-10T16:42:18+01:00" description = "Clean, functional, and extensible modal window dialogs" bref="Modal windows are used for various reasons and purposes. Kube makes the way you design and operate modal windows very straightforward. First, you set a div which will represent the content of the modal window, then you set up a way to open and close this window, and finally you add a way to call the modal from the page" toc = true +++

{{< rawhtml >}}

// Markup <div id="my-modal" class="modal-box hide"> <div class="modal"> <span class="close"></span> <div class="modal-header">Modal Header</div> <div class="modal-body">...</div> </div> </div>

// Markup <div id="ui-modal" class="modal-box hide"> <div class="modal"> <span class="close"></span> <div class="modal-header">UI Modal</div> <div class="modal-body">... content from modal.html ...</div> </div> </div>

// modal.html <p>...</p> <a href="#" data-action="modal-close">Close</a>