JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.0.0/semantic.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.0.0/semantic.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.0.0/components/dropdown.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.0.0/components/dropdown.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.0.0/components/menu.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.0.0/components/sidebar.min.css">
<div class="ui vertical menu sidebar teal">
  <div class="menu">
    <a class="item" target="_blank" href="http://semantic-ui.com/modules/dropdown.html">
      Example
    </a>
    <div class="ui left pointing dropdown link item">
      <i class="dropdown icon"></i>
      Messages
      <div class="menu">
        <div class="item">Inbox</div>
        <div class="item">Starred</div>
        <div class="item">Sent Mail</div>
        <div class="item">Drafts (143)</div>
        <div class="divider"></div>
        <div class="item">Spam (1009)</div>
        <div class="item">Trash</div>
      </div>
    </div>
    <a class="item">
      Browse
    </a>
    <a class="item">
      Help
    </a>
  </div>
</div>

JavaScript

$(document).ready(function() {    
    $('.sidebar').sidebar('show');
    $('.dropdown').dropdown();
});