JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/css/foundation.5.min.css">
<script src="http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/warriors/js/foundation.5.min.js"></script>

<a href="#" data-reveal-id="myModal" data-reveal class="button radius">Click For Modal</a>

<div id="myModal" class="reveal-modal" data-reveal>
    <ul data-orbit>
        <li><img src="http://placekitten.com/400/300" /></li>
        <li><img src="http://placekitten.com/400/300" /></li>
        <li><img src="http://placekitten.com/400/300" /></li>
    </ul>
</div>

JavaScript

$(document).ready(function () {
    $(document).foundation();
});