JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<ul id="menu">
    <li>Light
        <ul>
            <li>Chrome</li>
            <li>Clouds</li>
            <li>Crimson Editor</li>
            <li>Dawn</li>
            <li>Dreamweaver</li>
            <li>Eclipse</li>
            <li>GitHub</li>
            <li>Solarized Light</li>
            <li>TextMate</li>
            <li>Tomorrow</li>
            <li>XCode</li>
        </ul>
    </li>
    <li>Dark
        <ul>
            <li>Ambiance</li>
            <li>Chaos</li>
            <li>Clouds Midnight</li>
            <li>Cobalt</li>
            <li>idleFingers</li>
            <li>krTheme</li>
            <li>Merbivore</li>
            <li>Merbivore Soft</li>
            <li>Mono Industrial</li>
            <li>Monokai</li>
            <li>Pastel on dark</li>
            <li>Solarized Dark</li>
            <li>Terminal</li>
            <li>Tomorrow Night</li>
            <li>Tomorrow Night Blue</li>
            <li>Tomorrow Night Bright</li>
            <li>Tomorrow Night 80s</li>
            <li>Twilight</li>
            <li>Vibrant Ink</li>
        </ul>
    </li>
    </ul>

CSS

.ui-menu {
    width: 200px;
}
#menu {
    position: absolute;
    bottom: 0;
}

JavaScript

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