JSFiddle - React, Tailwind, and code Playground

by blog Canonium

HTML

<!-- Checkboxes -->
<label class="form-label">
  <input type="checkbox">
  <span class="label-text">Checkbox #1</span>
</label>
    
<!-- Radio -->
<label class="form-label">
  <input type="radio">
  <span class="label-text">Radio #1</span>
</label>

CSS

.form-label {
  cursor: pointer;
  color: #333;
}

.form-label > input[type="checkbox"],
.form-label > input[type="radio"] {
  display: none;
}