diff --git a/.changeset/weak-terms-search.md b/.changeset/weak-terms-search.md new file mode 100644 index 0000000000..46bc282257 --- /dev/null +++ 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 index 74234e4bed..cf483d27de 100644 --- 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, - 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, - ariaLabel: buttonNextAriaLabel, + "aria-label": buttonNextAriaLabel, className: classNames( classNameButton, isFloating ? 'disabled:hidden' : 'disabled:!ring-disabled-300 disabled:!text-disabled-500',