27 lines
665 B
TypeScript
27 lines
665 B
TypeScript
import { useFormField } from '@hooks/useFormField';
|
|
import { Slot } from '@radix-ui/react-slot';
|
|
import * as React from 'react';
|
|
|
|
export const FormControl = React.forwardRef<
|
|
React.ElementRef<typeof Slot>,
|
|
React.ComponentPropsWithoutRef<typeof Slot>
|
|
>(({ ...props }, ref) => {
|
|
const { error, formItemId, formDescriptionId, formMessageId } =
|
|
useFormField();
|
|
|
|
return (
|
|
<Slot
|
|
ref={ref}
|
|
id={formItemId}
|
|
aria-describedby={
|
|
!error
|
|
? `${formDescriptionId}`
|
|
: `${formDescriptionId} ${formMessageId}`
|
|
}
|
|
aria-invalid={!!error}
|
|
{...props}
|
|
/>
|
|
);
|
|
});
|
|
FormControl.displayName = 'FormControl';
|