Checkbox
<!-- checkbox -->
<div class="flex mb-4">
<label class="neu-checkbox relative inline-flex items-center">
<input type="checkbox" class="h-5 w-5 rounded accent-black dark:accent-white">
<span class="check-icon"></span>
<span class="ps-8">Check me</span>
</label>
</div>
Radio
<!-- radio -->
<div class="flex flex-col sm:flex-row gap-4">
<label class="relative neu-radio flex items-center">
<input type="radio" class="mr-2 h-5 w-5 rounded accent-black border-2 border-black" value="option1" name="radio" checked="">
<span class="radio-checked"></span>
<span class="ps-3">Option 1</span>
</label>
<label class="relative neu-radio flex items-center">
<input type="radio" class="mr-2 h-5 w-5 rounded accent-black border-2 border-black" value="option2" name="radio">
<span class="radio-checked"></span>
<span class="ps-3">Option 2</span>
</label>
<label class="relative neu-radio flex items-center">
<input type="radio" class="mr-2 h-5 w-5 rounded accent-black border-2 border-black" value="option3" name="radio">
<span class="radio-checked"></span>
<span class="ps-3">Option 3</span>
</label>
</div>