Switch by alexruix

1<label
2  class="relative h-8 w-12 cursor-pointer [-webkit-tap-highlight-color:_transparent]"
3  for="switch"
4>
5  <input class="peer sr-only" id="switch" type="checkbox" />
6
7  <span class="absolute inset-0 m-auto h-2 rounded-full bg-stone-400"></span>
8
9  <span
10    class="absolute inset-y-0 start-0 m-auto size-6 rounded-full bg-stone-600 transition-all peer-checked:start-6 peer-checked:[&amp;_>_*]:scale-0"
11  >
12    <span
13      class="absolute inset-0 m-auto size-4 rounded-full bg-stone-300 transition"
14    >
15    </span>
16  </span>
17</label>
18