mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
7 lines
717 B
HTML
7 lines
717 B
HTML
<!-- From Uiverse.io by Javierrocadev - Source: Javierrocadev - Tags: simple, blue, switch, yes, no, tailwind -->
|
|
<label class="relative inline-flex items-center cursor-pointer">
|
|
<input type="checkbox" value="" class="sr-only peer">
|
|
<div class="peer outline-none duration-100 after:duration-500 w-28 h-14 bg-blue-300 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-500 after:content-['No'] after:absolute after:outline-none after:h-12 after:w-12 after:bg-white after:top-1 after:left-1 after:flex after:justify-center after:items-center after:text-sky-800 after:font-bold peer-checked:after:translate-x-14 peer-checked:after:content-['Yes'] peer-checked:after:border-white">
|
|
</div>
|
|
</label>
|
|
|