feat(eui): pass labelProps to the label element in checkable card

packages/eui/changelogs/upcoming/8586.md

@@ -0,0 +1 @@
+- Spread `labelProps` to the `label` element in `EuiCheckableCard`

packages/eui/src/components/card/checkable_card/checkable_card.test.tsx

@@ -82,4 +82,22 @@ describe('EuiCheckableCard', () => {
 
     expect(container.firstChild).toMatchSnapshot();
   });
+
+  test('applies labelProps to the label element', () => {
+    const labelProps = {
+      'data-test-subj': 'testLabel',
+      title: 'Test Title',
+    };
+
+    const { getByText } = render(
+      <EuiCheckableCard
+        {...checkablePanelRequiredProps}
+        labelProps={labelProps}
+      />
+    );
+
+    const labelElement = getByText('Label');
+    expect(labelElement).toHaveAttribute('data-test-subj', 'testLabel');
+    expect(labelElement).toHaveAttribute('title', 'Test Title');
+  });
 });

packages/eui/src/components/card/checkable_card/checkable_card.tsx

@@ -53,6 +53,7 @@ export const EuiCheckableCard: FunctionComponent<EuiCheckableCardProps> = ({
   css,
   checkableType = 'radio',
   label,
+  labelProps,
   checked,
   disabled,
   hasShadow,
@@ -118,6 +119,7 @@ export const EuiCheckableCard: FunctionComponent<EuiCheckableCardProps> = ({
       </EuiSplitPanel.Inner>
       <EuiSplitPanel.Inner>
         <label
+          {...labelProps}
           ref={labelEl}
           className={labelClasses}
           css={labelStyles}

packages/eui/src/components/form/checkbox/checkbox.tsx

@@ -33,7 +33,7 @@ export interface EuiCheckboxProps
   disabled?: boolean;
   indeterminate?: boolean;
   /**
-   * Object of props passed to the <label/>
+   * Object of props passed to the `label` element
    */
   labelProps?: CommonProps & LabelHTMLAttributes<HTMLLabelElement>;
 }

packages/eui/src/components/form/radio/radio.tsx

@@ -29,7 +29,7 @@ export interface RadioProps {
   disabled?: boolean;
   onChange: ChangeEventHandler<HTMLInputElement>;
   /**
-   * Object of props passed to the <label/>
+   * Object of props passed to the `label` element
    */
   labelProps?: CommonProps & LabelHTMLAttributes<HTMLLabelElement>;
 }