diff --git a/.changeset/theme-toggle-aria.md b/.changeset/theme-toggle-aria.md new file mode 100644 index 0000000000000..c2394381f5aca --- /dev/null +++ b/.changeset/theme-toggle-aria.md @@ -0,0 +1,5 @@ +--- +'@node-core/ui-components': patch +--- + +Add a default `aria-label` to `ThemeToggle`. diff --git a/packages/ui-components/src/Common/ThemeToggle/index.tsx b/packages/ui-components/src/Common/ThemeToggle/index.tsx index 923aba5f90d16..401f1472e4bad 100644 --- a/packages/ui-components/src/Common/ThemeToggle/index.tsx +++ b/packages/ui-components/src/Common/ThemeToggle/index.tsx @@ -30,7 +30,7 @@ const themes: Array = ['system', 'light', 'dark']; const ThemeToggle: FC = ({ onChange = () => {}, currentTheme = 'system', - ariaLabel, + ariaLabel = 'Select theme', themeLabels = { system: 'System', light: 'Light', dark: 'Dark' }, }) => { const TriggerIcon = themeIcons[currentTheme];