Switch
A toggle is used to view or switch between enabled or disabled states.
Switch
<!-- switch -->
<label class="relative w-12 h-[26px]">
<input id="switch" type="checkbox" class="switch-checkbox relative inline-block w-12 h-[26px] transition-all duration-200 ease-in-out cursor-pointer appearance-none rounded-full border border-black bg-neutral-100 dark:bg-neutral-600">
<div class="toggle-default raiytahskcn top-[3px] left-1 w-5 h-5 transition-all duration-200 ease-in-out transform bg-black rounded-full shadow-md">
</div>
</label>