Merge pull request #15888 from remiebelingmerifond/fix/toggle-focus

Add missing focus state highlighting in Toggle component
This commit is contained in:
Dan Harrin
2025-04-02 09:40:42 +01:00
committed by GitHub
2 changed files with 2 additions and 2 deletions
@@ -68,7 +68,7 @@
], escape: false)
->merge($getExtraAttributes(), escape: false)
->merge($getExtraAlpineAttributes(), escape: false)
->class(['fi-fo-toggle relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent outline-none transition-colors duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-70'])
->class(['fi-fo-toggle relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent outline-none transition-colors duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-70 focus-visible:ring-primary-600 focus-visible:ring-offset-1 focus-visible:ring-2 dark:focus-visible:ring-primary-500 dark:focus-visible:ring-offset-gray-900'])
}}
>
<span
@@ -172,4 +172,4 @@
</span>
</div>
</div>
</div>
</div>