JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.2/semantic.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.2/semantic.min.css">
<button class="ui button" ng-bind="sdgd">safs</button>
<div class="ui modal">
  <i class="close icon"></i>
  <div class="header">
    Profile Picture
  </div>
  <div class="content">
    <select name="skills" multiple="" class="ui fluid dropdown">
      <option value="">Skills</option>
      <option value="css">CSS</option>
      <option value="javascript">Javascript</option>
      <option value="rails">Rails</option>
      <option value="ruby">Ruby</option>
      <option value="ui">UI Design</option>
    </select>
  </div>
  <div class="actions">
    <div class="ui black deny button">
      Nope
    </div>
    <div class="ui positive right labeled icon button">
      Yep, that's me
      <i class="checkmark icon"></i>
    </div>
  </div>
</div>

JavaScript

$('.button').on('click', function() {
  $('.ui.modal').modal('show', 'fsdfs');
});
$('.dropdown').dropdown();