Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
File size: 742 Bytes
911412b a1a6daf 911412b 7c43dbf 911412b 284d5a8 e99e7c2 911412b a1a6daf 911412b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<script lang="ts">
interface Props {
checked: boolean;
name: string;
}
let { checked = $bindable(), name }: Props = $props();
</script>
<input bind:checked type="checkbox" {name} class="peer pointer-events-none absolute opacity-0" />
<div
aria-checked={checked}
aria-roledescription="switch"
aria-label="switch"
role="switch"
tabindex="0"
class="relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full bg-gray-300 p-1 shadow-inner ring-gray-400 transition-all peer-checked:bg-blue-600 peer-focus-visible:ring peer-focus-visible:ring-offset-1 hover:bg-gray-400 dark:bg-gray-600 peer-checked:[&>div]:translate-x-3.5"
>
<div class="h-3.5 w-3.5 rounded-full bg-white shadow-sm transition-all"></div>
</div>
|