JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://semantic-ui.com/build/packaged/javascript/semantic.js"></script>
<link rel="stylesheet" href="http://semantic-ui.com/build/packaged/css/semantic.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/noisy/1.1.1/jquery.noisy.min.js"></script>
<div class="ui checkbox">
    <input type="checkbox" id="ember_008" />
    <label for="ember_008">Toggle the box</label>
</div>

CSS

html, body {
    height: 100%;
}
html, body {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

JavaScript

$('#ember_008').checkbox({
    onChecked: function() {
        alert('checked');
    },
    onUnchecked: function() {
        alert('un');
    }
});