JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<ul>
  <li><label for="foo-1"><input type="checkbox" name="type[]" id="foo-1">1</label></li>
  <li><label for="foo-2"><input type="checkbox" name="type[]" id="foo-2">2</label></li>
  <li><label for="foo-3"><input type="checkbox" name="type[]" id="foo-3">3</label></li>
  <li><label for="foo-4"><input type="checkbox" name="type[]" id="foo-4">4</label></li>
</ul>

<ul>
  <li><label for="bar-1"><input type="checkbox" name="type[]" id="bar-1">1</label></li>
  <li><label for="bar-2"><input type="checkbox" name="type[]" id="bar-2">2</label></li>
  <li><label for="bar-3"><input type="checkbox" name="type[]" id="bar-3">3</label></li>
  <li><label for="bar-4"><input type="checkbox" name="type[]" id="bar-4">4</label></li>
</ul>