mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
13 lines
No EOL
569 B
HTML
13 lines
No EOL
569 B
HTML
<!-- From Uiverse.io by Shubh0408 - Tags: switch -->
|
|
<label class="switch">
|
|
<input class="peer hidden" type="checkbox" />
|
|
<span
|
|
class="slider absolute h-5 w-5 translate-x-0.5 translate-y-0.5 rounded-md border-2 border-black bg-blue-500 shadow-[inset_2px_3px_2px] duration-700 peer-checked:translate-x-[1.6rem] peer-checked:border-gray-200 peer-checked:bg-white peer-checked:shadow-[inset_-2px_-2px_3px]"
|
|
></span>
|
|
<div
|
|
class="h-6 w-12 rounded-lg border-2 border-black shadow-[2px_3px_2px] duration-700 peer-checked:bg-blue-500"
|
|
></div>
|
|
</label>
|
|
|
|
|
|
|