Inputs
Input
단일 라인 텍스트 입력. leftAdornment/rightAdornment, error 상태(aria-invalid), Field context 자동 픽업, 한글 IME 안전.
예제
설치 / Import
import { Input } from '@baneung-pack/ui';import { Input } from '@baneung-pack/ui/input';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
size | 크기 | 'sm' | 'md' | 'lg' | 'md' |
leftAdornment | 좌측 슬롯 (아이콘, 단위 라벨 등) | ReactNode | — |
rightAdornment | 우측 슬롯 | ReactNode | — |
aria-invalid | 에러 상태 — Field invalid가 자동 주입 | boolean | — |
type | native input type | 'text' | 'email' | 'password' | ... | 'text' |
wrapperClassName | adornment 사용 시 외부 wrapper 클래스 | string | — |