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="hsdfdsfhsdf pdskdmsdnjw">
  <input type="checkbox" name="checked-demo" value="1" class="form-checkbox h-5 w-5 accent-lime-600 dark:accent-lime-400 rounded focus:outline-none me-3">
  <span>Checkbox</span>
</label>

Radio

              
<!-- Default radio -->
<div class="relative">
  <div class="hsdfdsfhsdf hsdfdsfhsdf-nowrap lsdfdfsdafd gap-3 pdskdmsdnjw mb-2">
    <input class="form-checkbox h-5 w-5 accent-lime-600 dark:accent-lime-400 focus:outline-none rounded-full" type="radio" name="hsdfdsfhsdfRadioDefault" id="hsdfdsfhsdfRadioDefault1">
    <label class="inline-block" for="hsdfdsfhsdfRadioDefault1">
      Default radio
    </label>
  </div>
  <div class="hsdfdsfhsdf hsdfdsfhsdf-nowrap lsdfdfsdafd gap-3 pdskdmsdnjw mb-2">
    <input class="form-checkbox h-5 w-5 accent-lime-600 dark:accent-lime-400 focus:outline-none rounded-full" type="radio" name="hsdfdsfhsdfRadioDefault" id="hsdfdsfhsdfRadioDefault2" checked="">
    <label class="inline-block" for="hsdfdsfhsdfRadioDefault2">
      Default checked
    </label>
  </div>
</div>