fix: added 3 more button attributes

src/components/Button/Button.stories.tsx

@@ -362,6 +362,7 @@ Split.args = {
     iconProps: {
       path: IconName.mdiClockOutline,
     },
+    ariaLabel: 'Dropdown',
   },
   variant: ButtonVariant.Primary,
 };
@@ -375,6 +376,9 @@ Split_With_Counter.args = {
   splitButtonChecked: false,
   text: 'Split Button',
   variant: ButtonVariant.Primary,
+  splitButtonProps: {
+    ariaLabel: 'Dropdown',
+  },
 };
 
 Floating_Button.args = {

src/components/Button/Button.tsx

@@ -37,6 +37,9 @@ export const Button: FC<ButtonProps> = React.forwardRef(
       alignText = ButtonTextAlign.Center,
       allowDisabledFocus = false,
       ariaLabel,
+      ariaDescribedby,
+      ariaHaspopup,
+      ariaExpanded,
       badgeProps,
       buttonWidth = ButtonWidth.fitContent,
       checked = false,
@@ -339,6 +342,9 @@ export const Button: FC<ButtonProps> = React.forwardRef(
           ref={mergedRef}
           aria-disabled={mergedDisabled || loading}
           aria-label={ariaLabel}
+          aria-describedby={ariaDescribedby}
+          aria-haspopup={ariaHaspopup}
+          aria-expanded={ariaExpanded}
           aria-pressed={toggle ? !!checked : undefined}
           defaultChecked={checked}
           disabled={(!allowDisabledFocus && mergedDisabled) || loading}

src/components/Button/Button.types.ts

@@ -47,6 +47,14 @@ export enum ButtonVariant {
   SystemUI = 'systemui',
 }
 
+export enum AriaHaspopupType {
+  Dialog = 'dialog',
+  Menu = 'menu',
+  Listbox = 'listbox',
+  Tree = 'tree',
+  Grid = 'grid',
+}
+
 export interface FloatingButtonProps {
   /**
    * Determines if the button is floating.
@@ -103,6 +111,18 @@ export interface ButtonProps extends NativeButtonProps {
    * The button aria-label text.
    */
   ariaLabel?: string;
+  /**
+   * ID of the element that describes the button.
+   */
+  ariaDescribedby?: string;
+  /**
+   * Indicates if the button controls a menu or other popover element.
+   */
+  ariaHaspopup?: boolean | AriaHaspopupType;
+  /**
+   * Indicates if the popup element controlled by the button is currently expanded or collapsed.
+   */
+  ariaExpanded?: boolean;
   /**
    * The button counter badge props.
    */

src/components/Button/SplitButton/SplitButton.tsx

@@ -28,6 +28,9 @@ export const SplitButton: FC<SplitButtonProps> = React.forwardRef(
       alignText = ButtonTextAlign.Center,
       allowDisabledFocus = false,
       ariaLabel,
+      ariaDescribedby,
+      ariaHaspopup,
+      ariaExpanded,
       classNames,
       checked = false,
       configContextProps = {
@@ -169,6 +172,9 @@ export const SplitButton: FC<SplitButtonProps> = React.forwardRef(
         ref={mergedRef}
         aria-disabled={mergedDisabled}
         aria-label={ariaLabel}
+        aria-describedby={ariaDescribedby}
+        aria-haspopup={ariaHaspopup}
+        aria-expanded={ariaExpanded}
         aria-pressed={split ? !!checked : undefined}
         defaultChecked={checked}
         disabled={!allowDisabledFocus && mergedDisabled}