Dialouge modal

By Ken Hawkins

prompt messaging modal reveal interactive Requires EBI Visual Framework 1.1.0, 1.2.0, 1.3.0

For your obtrusive messaging needs.

Contribute a pattern

Have a great way of doing something, add it to the Style Lab. Here's how


Implementation code

Get a zip with all the sample HTML and any spaecial CSS or JS needed: Download a ZIP file More on how to use this

HTML
<div class="reveal" id="exampleModal1" data-reveal>
  <h2>Awesome. I Have It.</h2>
  <p class="lead">Your couch. It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

<p><button class="button" data-open="exampleModal1">Click me for a modal</button></p>



JS