Modal

Modals are positioned over everything else in the document and remove scroll from the <body> so that modal content scrolls instead.







Simple Modal



To use a Simple modal component that will slide down and fade in from top of the page, add the .modal class followed by additional classes like .modal-dialog, .modal-txt, .modal-actions, .modal-header, and .modal-action-btns.

Modal Title

Close Button

Dialog body Text



HTML
JavaScript