WizardForm
shell다단계 순차 입력 폼. FormFieldDef 기반 필드 정의, 단계별 검증, 진행 표시기, 리뷰 단계 지원.
컴포넌트 의존 관계
깊이
100%
다단계 폼 (Wizard)
1
기본 정보2
상세 정보3
확인테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
WizardForm 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
WizardForm Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
fields* | FormFieldDef[] | — | 폼 필드 정의 배열 |
steps* | WizardStepDef[] | — | 단계 정의. { id, label, fields: string[] } |
showReview | boolean | true | 마지막 리뷰 단계 표시 여부 |
onSubmit | (values: Record<string, unknown>) => void | — | 제출 핸들러 |
onStepChange | (stepIndex: number) => void | — | 단계 변경 핸들러 |
labels | WizardFormLabels | — | i18n용 라벨 오버라이드 |
Import
tsx
import { WizardForm } from "@reopt-ai/opt-ui";