Documents

Home
Styles
Button Form Grid Label Table Text Typography
Components
Box Breadcrumb Dropdown Menu Message Modal Pagination Sidebar

Styr

grauwoelfchen/styr

Home / Dropdown

Modal

Modal Popup Window

Click a button below.

Message for You! 
<a class="button" href="#modal_message">Message for You!</a>
<div id="modal_message" class="modal-container">
  <div class="modal">
    <a class="close button" href="#">&times;</a>
    <div class="modal-content">
      <h5 class="header"></h5>
      <p class="description">You have successfully signed up!</p>
    </div>
  </div>
</div>

Form + Modal Popup Window

You can embed anything, for example like a form.

Signup 
<a class="button" href="#modal_form"></a>
<div id="modal_form" class="modal-container">
  <div class="modal">
    <a class="close button" href="#">&times;</a>
    <div class="modal-content">
      ...
    </div>
  </div>
</div>