Modal

Test

Click a label to test that modal.

Toggle modal
Toggle success modal
Toggle info modal
Toggle warning modal
Toggle error modal

Implementation

Set the modal toggle element's state (either in the HTML document or with Javascript) to checked if you want to show the modal.

Optionally add a message class (success, info, warning or error).

HTML

<input type="checkbox" id="modaltoggle_success" class="modaltoggle" hidden>
<div class="modal success">
  <aside>
    <h2>Lorem ipsum</h2>
    <p>Lorem ipsum dolor sit amet.</p>
    <label for="modaltoggle_success">OK</label>
  </aside>
</div>

Theme