JSFiddle - React, Tailwind, and code Playground

by Rayon Dabre

HTML

<script src="https://merkd.com/engine/ui/themes/lux/assets/js/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="https://merkd.com/engine/ui/themes/lux/assets/css/toggle-switch.css">
<label class="switch-light switch-candy">
  <input type="checkbox" />

  <strong>
    Wireless
  </strong>

  <span>
    <span>Off</span>
  <span>On</span>
  <a></a>
  </span>
</label>

<div id="updates"></div>

JavaScript

$('.switch-light.switch-candy').on('click', function() {
  $('#updates').append('<p>checked=' + $(this).find('input').prop('checked') + '</p>');
})