🔧 chore: add htmlFor to label in radioItem

2024-03-01 13:48:54 +08:00 · 2024-03-01 13:48:54 +08:00 · e9d38e0d3b
commit e9d38e0d3b
parent ab77ce681a
1 changed files with 4 additions and 1 deletions
--- a/packages/frontend/src/components/shared/Radio/RadioItem.tsx
+++ b/packages/frontend/src/components/shared/Radio/RadioItem.tsx
@ -67,7 +67,10 @@ export const RadioItem = ({
  const componentId = id ?? kebabCaseLabel;

  return (
-    <label className={wrapper({ className: wrapperProps?.className })}>
+    <label
+      htmlFor={componentId}
+      className={wrapper({ className: wrapperProps?.className })}
+    >
      <RadixRadio {...props} className={radio({ className })} id={componentId}>
        <RadixIndicator
          forceMount