JSFiddle - React, Tailwind, and code Playground

by Masahiro Morita

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.12.3/themes/basic/assets/fonts/icons.woff"></script>
<script src="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.js"></script>
<link rel="stylesheet" href="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.css">
<div id="smile" class="ui labeled icon button" title="You can see this">
    <i class="smile icon"></i>Click me first
</div>
<div id="frown" class="ui labeled icon button" title="You can't see this">
    <i class="frown icon"></i>Then click me
</div>

JavaScript

$('#smile').popup({on: 'click'});
$('#frown').popup({on: 'click'});