@pickme/review
    Preparing search index...

    Function default

    • InputField 컴포넌트

      이 컴포넌트는 React Hook Form의 컨텍스트를 활용하여 단일 입력 필드를 렌더링합니다. 레이블, 타입, 이름을 기반으로 구성되며, 유효성 검증 실패 시 에러 메시지를 하단에 표시합니다.

      기능:

      • useFormContext를 통해 폼 상태와 에러 정보를 가져옵니다.
      • register를 사용해 입력값을 폼과 바인딩합니다.
      • 입력 필드 아래에 해당 필드의 에러 메시지를 출력합니다.

      UI 컴포넌트:

      • Field: 레이블과 입력 필드를 수평 정렬하여 감싸는 레이아웃 컴포넌트입니다.
      • Input: 실제 입력 필드입니다.
      • Text: 유효성 검사 실패 시 표시되는 에러 메시지입니다.
      • Flex: 입력 필드와 에러 메시지를 수직 정렬합니다.

      Parameters

      • __namedParameters: InputFieldProps

      Returns Element

      • label이 null인 경우 입력 필드의 placeholder도 설정되지 않습니다.
      • 기본 입력 타입은 text이며, type을 통해 datetime-local, email 등의 타입도 지원할 수 있습니다.
      <InputField
        label="회사명"
        name="companyName"
      />

    Settings

    Member Visibility