JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/5.0.2/css/normalize.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/5.0.2/css/foundation.css">
<script src="//cdn.jsdelivr.net/foundation/5.0.2/js/jquery.js"></script>
<script src="//cdn.jsdelivr.net/foundation/5.0.2/js/foundation.min.js"></script>
<script src="//cdn.jsdelivr.net/foundation/5.0.2/js/foundation/foundation.dropdown.js"></script>
<a href="#" data-dropdown="drop2">Has Content Dropdown</a>
		<ul id="drop2" class="f-dropdown content" data-dropdown-content>
		  <li><a href="#">This is a link</a></li>
		  <li><a href="#">This is another</a></li>
		  <li><a href="#">Yet another</a></li>
		</ul>

JavaScript

$(document).foundation({});