mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
17 lines
No EOL
644 B
HTML
17 lines
No EOL
644 B
HTML
<!-- From Uiverse.io by Shubh0408 - Tags: button, toggle, click effect, toggle switch, tailwindbutton -->
|
||
<label
|
||
class="w-16 h-8 bg-black shadow-inner rounded-full flex justify-around items-center overflow-hidden outline outline-2 outline-offset-2"
|
||
>
|
||
<input class="peer hidden" type="checkbox" />
|
||
<div
|
||
class="w-6 h-6 flex justify-center items-center text-white bg-black border-[2px] duration-500 rounded-full peer-checked:translate-y-8"
|
||
></div>
|
||
<div
|
||
class="w-6 h-6 flex justify-center items-center text-white duration-500 rounded-full -translate-y-8 peer-checked:translate-y-0 rotate-90"
|
||
>
|
||
𝝞
|
||
</div>
|
||
</label>
|
||
|
||
|
||
|