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 search selection dropdown">
  <input type="hidden" name="person-id" value="" />
  <i class="dropdown icon"></i>
  <div class="default text">None</div>
  <div class="menu">
    <div class="item" data-value="1">
      Item 1
    </div>
    <div class="item" data-value="2">
      Item 2
    </div>
    <div class="item" data-value="3">
      Item 3
    </div>
  </div>
</div>

CSS

body {
  padding: 1em;
}

JavaScript

// Add javascript here
$(".ui.dropdown").dropdown({
	allowAdditions: true,
  message: {
  	addResult: '',
  }
});