AuthForm
shell로그인/회원가입 모드 전환 가능한 인증 폼. 이메일·비밀번호 검증, FormSwitch로 로그인 상태 유지 옵션 지원.
컴포넌트 의존 관계
깊이
100%
로그인 / 회원가입 폼
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
AuthForm 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
AuthForm Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
defaultMode | "login" | "signup" | "login" | 초기 모드 (비제어) |
mode | "login" | "signup" | — | 제어 모드: 현재 모드 |
onModeChange | (mode: "login" | "signup") => void | — | 모드 변경 핸들러 |
showRememberMe | boolean | true | 로그인 모드에서 '로그인 상태 유지' 표시 여부 |
minPasswordLength | number | 8 | 비밀번호 최소 길이 |
onSubmit | (values: { email, password, confirmPassword?, rememberMe?, mode }) => void | — | 제출 핸들러 |
labels | AuthFormLabels | — | i18n용 라벨 오버라이드 |
Import
tsx
import { AuthForm } from "@reopt-ai/opt-ui";