Pass aria-describedby into RTE when sent via props (#4330)

cultureamp · Nov 22, 2023 · 06cb427 · 06cb427
1 parent 7e08cad
commit 06cb427
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/great-months-sip.md b/.changeset/great-months-sip.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/components": patch
+---
+
+Pass aria-describedby into RTE when sent via props
diff --git a/packages/components/src/RichTextEditor/RichTextEditor/RichTextEditor.tsx b/packages/components/src/RichTextEditor/RichTextEditor/RichTextEditor.tsx
@@ -74,6 +74,7 @@ export const RichTextEditor = ({
   defaultValue,
   labelText,
   "aria-labelledby": labelledBy,
+  "aria-describedby": describedBy,
   classNameOverride,
   controls,
   rows = 3,
@@ -144,7 +145,11 @@ export const RichTextEditor = ({
     : ""
   const descriptionAria = description ? `${editorId}-rte-description` : ""
 
-  const ariaDescribedBy = `${validationMessageAria} ${descriptionAria}`
+  const ariaDescribedBy = classnames(
+    validationMessageAria,
+    descriptionAria,
+    describedBy
+  )
 
   return (
     <>