fix: forward Detail id prop when as prop is not defined (#2866)

commercetools · Jul 26, 2024 · aae591e · aae591e
1 parent de77fa9
commit aae591e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/cool-gorillas-bow.md b/.changeset/cool-gorillas-bow.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-uikit/text': patch
+---
+
+`Detail` forwards `id` prop to its underlying element when `as` prop is not defined
diff --git a/packages/components/text/src/text.tsx b/packages/components/text/src/text.tsx
@@ -260,6 +260,7 @@ const Detail = (props: TDetailProps) => {
 
   return (
     <div
+      id={props.id}
       css={detailStyles(props)}
       title={props.title}
       aria-labelledby={props['aria-labelledby']}