JSFiddle - React, Tailwind, and code Playground

by Marc-André Lafortune

HTML

<script src="https://rawgit.com/guillaumepotier/Parsley.js/master/dist/parsley.js"></script>
<form id="demo-form" data-parsley-validate>
 <label for="hobbies[]">Hobbies (Optional, but 2 minimum):</label>
  <p>
    Skiing <input type="checkbox" name="hobbies[]" value="ski" data-parsley-mincheck="2" />
    Running <input type="checkbox" name="hobbies[]" value="run" />
    Eating <input type="checkbox" name="hobbies[]" value="eat" />
    Sleeping <input type="checkbox" name="hobbies[]" value="sleep" />
    Reading <input type="checkbox" name="hobbies[]" value="read" />
    Coding <input type="checkbox" name="hobbies[]" value="code" />
  <p>
  <input type="submit" />
</form>