JSFiddle - React, Tailwind, and code Playground

by Andrey K

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui form">
  <div class="field">
    <div class="ui dropdown green button">
      <span class="text">Actions</span>
      <div class="menu">
        <div class="item">
          <div class="ui blue empty circular label"></div>
          Do this
        </div>
        <div class="item">
          <div class="ui black empty circular label"></div>
          Do that
        </div>
      </div>
    </div>
  </div>
</div>

CSS

body {
  padding: 1em;
}

JavaScript

$(".ui.dropdown").dropdown();