A checkbox and radio is an input that allows a user to select one or more options from a number of choices.
<!-- 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>
<!-- 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>