Inputs
InputOTP
N자리 코드(예: 6자리 OTP) 입력. 자동 advance, paste 분배, 한글 IME 패턴 차단(기본 숫자만).
예제
설치 / Import
import { InputOTP } from '@baneung-pack/ui';import { InputOTP } from '@baneung-pack/ui/input-otp';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
length | 슬롯 개수 | number | 6 |
value | controlled 값 | string | — |
defaultValue | uncontrolled 초기값 | string | — |
onValueChange | 값 변경 콜백 | (value: string) => void | — |
pattern | 허용 문자 정규식 | RegExp | /^[0-9]$/ |
onComplete | 입력 완료 시 호출 | (value: string) => void | — |
disabled | 비활성 | boolean | false |