fix(SfScrollable): aria label casing [SFUI2-1306]

vuestorefront · Aug 7, 2023 · 979c29e · 979c29e
1 parent 564ce82
commit 979c29e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/weak-terms-search.md b/.changeset/weak-terms-search.md
@@ -0,0 +1,5 @@
+---
+'@storefront-ui/react': patch
+---
+
+Fix `aria-label` casing in `SfScrollable`
diff --git a/packages/sfui/frameworks/react/components/SfScrollable/SfScrollable.tsx b/packages/sfui/frameworks/react/components/SfScrollable/SfScrollable.tsx
@@ -90,7 +90,7 @@ const SfScrollable = polymorphicForwardRef<typeof defaultScrollableTag, SfScroll
             size: 'lg',
             disabled: prevDisabled,
             slotPrefix: <SfIconChevronLeft />,
-            ariaLabel: buttonPrevAriaLabel,
+            "aria-label": buttonPrevAriaLabel,
             className: classNames(
               classNameButton,
               isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',
@@ -112,7 +112,7 @@ const SfScrollable = polymorphicForwardRef<typeof defaultScrollableTag, SfScroll
             size: 'lg',
             disabled: nextDisabled,
             slotPrefix: <SfIconChevronRight />,
-            ariaLabel: buttonNextAriaLabel,
+            "aria-label": buttonNextAriaLabel,
             className: classNames(
               classNameButton,
               isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',