Checkbox & Radio

A checkbox and radio is an input that allows a user to select one or more options from a number of choices.

Checkbox

              
<!-- checkbox -->
<label class="flex layhetgsjdcb">
  <input type="checkbox" name="checked-demo" value="1" class="form-checkbox h-5 w-5 accent-lime-600 dark:accent-lime-400 rounded-sm focus:outline-hidden me-3">
  <span>Checkbox</span>
</label>

Radio

              
<!-- Default radio -->
<div class="relative">
  <div class="flex flex-nowrap klsuaonrmcha gap-3 layhetgsjdcb mb-2">
    <input class="form-checkbox h-5 w-5 accent-lime-600 dark:accent-lime-400 focus:outline-hidden boalstehwqbj" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
    <label class="inline-block" for="flexRadioDefault1">
      Default radio
    </label>
  </div>
  <div class="flex flex-nowrap klsuaonrmcha gap-3 layhetgsjdcb mb-2">
    <input class="form-checkbox h-5 w-5 accent-lime-600 dark:accent-lime-400 focus:outline-hidden boalstehwqbj" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked="">
    <label class="inline-block" for="flexRadioDefault2">
      Default checked
    </label>
  </div>
</div>