Inputs

Field

라벨/설명/에러/컨트롤을 묶는 표준 폼 래퍼. React Context로 자식 input에 id·aria-*·disabled를 자동 주입.

예제

이메일

업무용 이메일을 입력하세요.

유효한 이메일 형식이 아닙니다.

import { Field, FieldLabel, FieldDescription, FieldError, Input } from '@baneung-pack/ui';

import { Field } from '@baneung-pack/ui/field';

서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.

Property	Description	Type	Default
`invalid`	검증 실패 — 자식 컨트롤에 aria-invalid + Error를 aria-describedby로 연결	`boolean`	`false`
`required`	필수 — 자식 컨트롤에 aria-required + Label에 별표	`boolean`	`false`
`disabled`	일괄 disable	`boolean`	`false`
`id`	컨트롤 id 강제 지정 (미지정 시 자동 생성)	`string`	—