JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu-bar">
	<li><a href="#">File</a>
		<ul>
			<li><a href="#">Log In</a></li>
			<li><a href="#">Open</a></li>
		</ul>
	</li>
	<li><a href="#">Applications</a>
		<ul>
			<li><a href="#">Application 1</a></li>
            <li><a href="#">Application 2</a></li>		
		</ul>
	</li>
</div>

CSS

#menu-bar{
	height:30px;
	width: 100%;
}

#menu-bar > li{
	float:left;
	width:195px;
}

JavaScript

$( "#menu-bar" ).menu();