bhetherman/open-webui
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add ariaLabel prop to Switch component (#25230)

Browse Source
This commit is contained in:
maco authored and GitHub committed 2026-06-29 03:15:11 -05:00
1 parent 390e200f76
commit 958fdbdc88
1 file changed
+3 -1
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/common/Switch.svelte
+3 -1
View File
@@ -8,6 +8,7 @@
export let state = true; export let state = true;
export let id = ''; export let id = '';
export let ariaLabelledbyId = ''; export let ariaLabelledbyId = '';
export let ariaLabel = '';
export let tooltip = false; export let tooltip = false;
const i18n = getContext('i18n'); const i18n = getContext('i18n');
@@ -27,7 +28,8 @@
<Switch.Root <Switch.Root
bind:checked={state} bind:checked={state}
{id} {id}
aria-labelledby={ariaLabelledbyId} aria-labelledby={ariaLabelledbyId || undefined}
aria-label={ariaLabel || undefined}
class="flex h-[1.125rem] min-h-[1.125rem] w-8 shrink-0 cursor-pointer items-center rounded-full px-1 mx-[1px] transition {($settings?.highContrastMode ?? class="flex h-[1.125rem] min-h-[1.125rem] w-8 shrink-0 cursor-pointer items-center rounded-full px-1 mx-[1px] transition {($settings?.highContrastMode ??
false) false)
? 'focus:outline focus:outline-2 focus:outline-gray-800 focus:dark:outline-gray-200' ? 'focus:outline focus:outline-2 focus:outline-gray-800 focus:dark:outline-gray-200'