feat(MobileDialogPrimitive): add aria-label, aria-labelledby props

kiwicom · Nov 15, 2024 · a235c70 · a235c70
1 parent 5808dc6
commit a235c70
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/...s/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx b/...s/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx
@@ -30,6 +30,7 @@ const meta: Meta<typeof MobileDialogPrimitive> = {
     removeUnderlinedText: false,
     block: false,
     lockScrolling: false,
+    "aria-label": "Mobile Dialog Primitive label",
   },
 };
 

diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx b/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx
@@ -20,6 +20,8 @@ const MobileDialog = ({
   removeUnderlinedText,
   block = false,
   lockScrolling,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
 }: Props) => {
   const [render, setRender, setRenderWithTimeout, clearRenderTimeout] =
     useStateWithTimeout<boolean>(false, 200);
@@ -76,6 +78,8 @@ const MobileDialog = ({
         enabled={enabled}
         removeUnderlinedText={removeUnderlinedText}
         block={block}
+        aria-label={ariaLabel}
+        aria-labelledby={ariaLabelledby}
       >
         {children}
       </TooltipWrapper>

diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts b/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts
@@ -17,4 +17,6 @@ export interface Props extends Common.Globals {
   readonly stopPropagation?: boolean;
   readonly removeUnderlinedText?: boolean;
   readonly block?: boolean;
+  readonly "aria-label"?: string;
+  readonly "aria-labelledby"?: string;
 }