Reveal

Reveal is our new modal plugin. We kept it light-weight, simple, and totally flexible (there's a 'your mom' joke in there somewhere). Go ahead, see what a default Reveal modal looks like.

---

Using Reveal

Reveal is a cinch to hook up - just include the JS and CSS. You can either call it in the JS or just include a new "data-reveal-id" parameter. If you need detailed steps check out the playground for Reveal, but here are the steps to get it started:

1. The markup goes something like this:
   
   
   
2. Activate Reveal...but there are two ways to do this glorious action. The first is to attach a handler to something (button most likely) then call Reveal:
   
   
   OR the new hotness option is to just add a data-reveal-id to the object which you want to fire the modal when clicked...
   
   
   This will launch the modal with the ID "myModal2" without attaching a handler or calling the plugin (since the plugin is always listening for this). You can also pass any of the parameters simply by putting a data-nameOfParameter="value" (i.e. data-animation="fade")

---

Options

Options can be used on the "data-reveal-id" implementation too, just do it like this: