feat: Support labelFor props in <FormItem/> (#3974)

alibaba · Oct 6, 2023 · eeac65c · eeac65c
1 parent d51b4f2
commit eeac65c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/antd/src/form-item/index.tsx b/packages/antd/src/form-item/index.tsx
@@ -24,6 +24,7 @@ export interface IFormItemProps {
   tooltipLayout?: 'icon' | 'text'
   labelStyle?: React.CSSProperties
   labelAlign?: 'left' | 'right'
+  labelFor?: string
   labelWrap?: boolean
   labelWidth?: number | string
   wrapperWidth?: number | string
@@ -238,6 +239,7 @@ export const BaseItem: React.FC<React.PropsWithChildren<IFormItemProps>> = ({
             <span className={`${prefixCls}-asterisk`}>{'*'}</span>
           )}
           <label>{label}</label>
+          <label htmlFor={props.labelFor}>{label}</label>
           {!asterisk && requiredMark === 'optional' && !optionalMarkHidden && (
             <span className={`${prefixCls}-optional`}>
               {locale?.Form?.optional}

diff --git a/packages/next/src/form-item/index.tsx b/packages/next/src/form-item/index.tsx
@@ -23,6 +23,7 @@ export interface IFormItemProps {
   tooltip?: React.ReactNode
   tooltipLayout?: 'icon' | 'text'
   tooltipIcon?: React.ReactNode
+  labelFor?: string
   labelStyle?: React.CSSProperties
   labelAlign?: 'left' | 'right'
   labelWrap?: boolean
@@ -227,6 +228,7 @@ export const BaseItem: React.FC<React.PropsWithChildren<IFormItemProps>> = (
             <span className={cls(`${prefixCls}-asterisk`)}>{'*'}</span>
           )}
           <label>{label}</label>
+          <label htmlFor={props.labelFor}>{label}</label>
         </span>
       </div>
     )