You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 lines
821 B
HTML
17 lines
821 B
HTML
<div
|
|
class="group relative inline-flex h-5 w-10 shrink-0 items-center justify-center rounded-full outline-offset-2 outline-indigo-600 has-focus-visible:outline-2 dark:outline-indigo-500"
|
|
>
|
|
<span
|
|
class="absolute mx-auto h-4 w-9 rounded-full bg-gray-200 inset-ring inset-ring-gray-900/5 transition-colors duration-200 ease-in-out group-has-checked:bg-indigo-600 dark:bg-gray-800/50 dark:inset-ring-white/10 dark:group-has-checked:bg-indigo-500"
|
|
></span>
|
|
<span
|
|
class="absolute left-0 size-5 rounded-full border border-gray-300 bg-white shadow-xs transition-transform duration-200 ease-in-out group-has-checked:translate-x-5 dark:shadow-none"
|
|
></span>
|
|
<input
|
|
type="checkbox"
|
|
name="setting"
|
|
aria-label="Use setting"
|
|
class="absolute inset-0 appearance-none focus:outline-hidden"
|
|
/>
|
|
</div>
|