Field

Field는 폼 요소들을 감싸는 컨테이너 컴포넌트로, 라벨, 설명, 에러 메시지, 성공 메시지 등을 제공합니다.

Examples


With Description

Field에 대한 추가 설명을 표시합니다.

Error and Success

Field.ErrorField.Success를 사용하여 유효성 검사 결과를 표시합니다.

Required

필수 Field와 선택 Field를 구분하여 표시합니다.

Disabled

disabled 속성을 사용하여 비활성화된 Field를 만들 수 있습니다.

With RadioGroup

RadioGroup과 Field를 함께 사용합니다. Field.Item을 사용하여 각 Radio 옵션을 라벨과 함께 그룹화할 수 있습니다.

With Form Elements

TextInput, Checkbox, Switch, Select 등 다양한 폼 요소와 함께 사용합니다.

Property


Validation

validationMode를 통해 유효성 검사 타이밍을 설정합니다. match prop으로 특정 에러 타입에 대한 메시지를 표시합니다.

Disabled

Field의 비활성화 상태를 설정합니다.

Props Table


Field.Root

Loading component documentation...

Field.Label

Loading component documentation...

Field.Description

Loading component documentation...

Field.Error

Loading component documentation...

Field.Success

Loading component documentation...

Field.Item

Loading component documentation...