mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
7 lines
856 B
HTML
7 lines
856 B
HTML
<!-- From Uiverse.io by Javierrocadev - Source: Javierrocadev - Tags: simple, white, gradient, switch, tailwind -->
|
|
<label class="relative inline-flex items-center cursor-pointer">
|
|
<input class="sr-only peer" value="" type="checkbox">
|
|
<div class="peer ring-2 ring-gray-900 bg-gradient-to-r from-rose-400 to-red-900 rounded-full outline-none duration-300 after:duration-500 w-20 h-8 shadow-inner peer-checked:bg-gradient-to-r peer-checked:from-emerald-500 peer-checked:to-emerald-900 shadow-gray-900 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-gray-900 after:content-[''] after:rounded-full after:absolute after:outline-none after:h-12 after:w-12 after:bg-gray-50 after:-top-2 after:-left-2 after:flex after:justify-center after:items-center after:border-4 after:border-gray-900 peer-checked:after:translate-x-14">
|
|
</div>
|
|
</label>
|
|
|