2.3 #Molecules.Modal Modal
Modal for displaying information in an overlay. Always hidden by default.
Examples
Default styling
Modal header
Modal content
.is-shown
when displayed
Modal header
Modal content
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:
src/components/molecules/modal.less
, line 3