JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://semantic-ui.com/build/packaged/css/semantic.css">
<script src="http://semantic-ui.com/build/packaged/javascript/semantic.js"></script>
<script src="http://jsfiddle.net/jlukic/DPScL/jquery.min.js"></script>
<!-- Example 1 -->
    <div class="ui compact menu">
      <div class="ui simple dropdown item">
        Dropdown <i class="dropdown icon"></i>
        <div class="menu">
          <div class="item">Choice 1</div>
          <div class="item">Choice 2</div>
          <div class="item">Choice 3</div>
        </div>
      </div>
    </div>
    <p>working nicely</p>

    <!-- Example 2 -->
    <div class="ui red icon buttons">
      <div class="ui top left pointing dropdown button">
        <i class="user icon"></i>
        <div class="menu">
          <div class="item"><i class="edit icon"></i>Edit User</div>
          <div class="item"><i class="delete icon"></i>Remove User</div>
          <div class="item"><i class="hide icon"></i>Make Invisible</div>
        </div>
      </div>
      <div class="ui top left pointing dropdown button">
        <i class="users icon"></i>
        <div class="menu ui transition hidden">
          <div class="item"><i class="edit icon"></i>Edit Group</div>
          <div class="item"><i class="delete icon"></i>Remove Group</div>
          <div class="item"><i class="hide icon"></i>Hide from Group</div>
        </div>
      </div>
      <div class="ui top right pointing dropdown button">
        <i class="settings icon"></i>
        <div class="menu ui transition hidden">
          <div class="item"><i class="edit icon"></i>Edit</div>
          <div class="item"><i class="delete icon"></i>Remove</div>
          <div class="item"><i class="hide icon"></i>Hide</div>
        </div>
      </div>
    </div>
    <p>urm..this is bad..dropdown should work</p>

    <!-- Example 3 -->
    <div class="ui teal buttons">
      <div class="ui button">Update Post</div>
      <div class="ui teal dropdown icon...

CSS

html, body {
    height: 100%;
}
html, body {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

JavaScript

$('.ui.dropdown').dropdown();