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>