mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
21 lines
No EOL
756 B
HTML
21 lines
No EOL
756 B
HTML
<!-- From Uiverse.io by alexruix - Website: https://www.hyperui.dev/components/application-ui/toggles - Name: GlintonLiao - Tags: simple, material design, switch, theme-switch, toggle, toggle switch, grey -->
|
|
<label
|
|
class="relative h-8 w-12 cursor-pointer [-webkit-tap-highlight-color:_transparent]"
|
|
for="switch"
|
|
>
|
|
<input class="peer sr-only" id="switch" type="checkbox" />
|
|
|
|
<span class="absolute inset-0 m-auto h-2 rounded-full bg-stone-400"></span>
|
|
|
|
<span
|
|
class="absolute inset-y-0 start-0 m-auto size-6 rounded-full bg-stone-600 transition-all peer-checked:start-6 peer-checked:[&_>_*]:scale-0"
|
|
>
|
|
<span
|
|
class="absolute inset-0 m-auto size-4 rounded-full bg-stone-300 transition"
|
|
>
|
|
</span>
|
|
</span>
|
|
</label>
|
|
|
|
|
|
|