JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/javascript/semantic.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
<select id='dropDown' class="ui fluid search dropdown">
  <option value="">Gender</option>
  <option value="1">Male</option>
  <option value="0">Female</option>
</select>

JavaScript

//<!-- Code to initialize dropdown  -->
$('#dropDown')
  .dropdown({
    // you can use any ui transition
    transition: 'drop'
  })
;

//<!-- Code to change appearance  -->
//$('#dropDown').removeClass('ui dropdown');