JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/css/semantic.css">
<script src="http://semantic-ui.com/build/packaged/javascript/semantic.min.js"></script>
<div class="ui small green icon button submit-vote"><i class="thumbs up outline icon"></i>
Modal
</div>
<div id='vote' class="ui small modal">
    <i class="close icon"></i>

    <div class="ui header center aligned">
       Test
    </div>
    <div class="content">
        
    </div>

</div>

CSS

.hidden{
    display: none!important;
}

JavaScript

$('#vote.modal').modal('setting', 'transition', 'fade').modal('attach events', '.submit-vote.button', 'show');