JSFiddle - React, Tailwind, and code Playground

by vaibhav saxena

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 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');