JSFiddle - React, Tailwind, and code Playground

by tnhu

HTML

<form>
  <label>Toggles</label>
  <div class="form-toggle">
    <input id="exampleToggle1" type="checkbox" checked="">
    <label for="exampleToggle1"><span>Option A</span>
      <div class="toggle"></div><span>Option B</span>
    </label>
  </div>
  <div class="form-toggle big">
    <input id="exampleToggle2" type="checkbox">
    <label for="exampleToggle2"><span>Option A</span>
      <div class="toggle"></div><span>Option B</span>
    </label>
  </div>
  <div class="form-toggle on-off">
    <input id="exampleToggle3" type="checkbox">
    <label for="exampleToggle3">
      <div class="toggle"></div>
    </label>
  </div>
  <div class="form-toggle big on-off">
    <input id="exampleToggle4" type="checkbox">
    <label for="exampleToggle4">
      <div class="toggle"></div>
    </label>
  </div>
</form>