fix(Label): Add missing ref for Label without sx prop (#6535)

hussam-i-am · primer[bot] · web-flow · commit e6c7614d7aaa · 2025-08-12T15:35:00.000Z
Co-authored-by: primer[bot] &lt;119360173+primer[bot]@users.noreply.github.com&gt;
diff --git a/.changeset/five-squids-sin.md b/.changeset/five-squids-sin.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+fix(Label): Add missing ref for Label without sx prop
diff --git a/packages/react/src/Label/Label.tsx b/packages/react/src/Label/Label.tsx
@@ -81,7 +81,9 @@ const Label = React.forwardRef(function Label({as, size = 'small', variant = 'de
       />
     )
   }
-  return <Component className={clsx(className, classes.Label)} data-size={size} data-variant={variant} {...rest} />
+  return (
+    <Component className={clsx(className, classes.Label)} data-size={size} data-variant={variant} ref={ref} {...rest} />
+  )
 }) as PolymorphicForwardRefComponent<'span', LabelProps>
 
 export default Label

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@primer/react': minor
 +---
++
 +fix(Label): Add missing ref for Label without sx prop
Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,9 @@ const Label = React.forwardRef(function Label({as, size = 'small', variant = 'de`
`81`	`81`	`/>`
`82`	`82`	`)`
`83`	`83`	`}`
`84`		`- return <Component className={clsx(className, classes.Label)} data-size={size} data-variant={variant} {...rest} />`
	`84`	`+ return (`
	`85`	`+ <Component className={clsx(className, classes.Label)} data-size={size} data-variant={variant} ref={ref} {...rest} />`
	`86`	`+ )`
`85`	`87`	`}) as PolymorphicForwardRefComponent<'span', LabelProps>`
`86`	`88`
`87`	`89`	`export default Label`