From aae591e82c9737618b3e0248d456cc15276bff10 Mon Sep 17 00:00:00 2001
From: Rafa Ga <13467563+ragafus@users.noreply.github.com>
Date: Fri, 26 Jul 2024 09:16:52 +0200
Subject: [PATCH] fix: forward `Detail` `id` prop when `as` prop is not defined
 (#2866)

---
 .changeset/cool-gorillas-bow.md       | 5 +++++
 packages/components/text/src/text.tsx | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/cool-gorillas-bow.md

diff --git a/.changeset/cool-gorillas-bow.md b/.changeset/cool-gorillas-bow.md
new file mode 100644
index 0000000000..d8ff06ad82
--- /dev/null
+++ 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
index 8722772e92..325326b5d1 100644
--- 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']}