NOKSTRAP guide

2.3 #Molecules.Modal Modal

Toggle example guides Toggle HTML markup

Modal for displaying information in an overlay. Always hidden by default.

Examples
Default styling
.is-shown
when displayed
Markup
<div class="Modal">
  <div class="Modal-header">
     <h1>Modal header</h1>
  </div>
  <div class="Modal-body">
     <div class="Modal-content"><p>Modal content</p></div>
  </div>
  <div class="Modal-footer">
     <p>Modal footer</p>
  </div>
</div>
Source: components/molecules/modal.less, line 3