Funnel
단계별 마법사 컴포넌트. Step, Next, Prev 하위 컴포넌트로 다단계 플로우를 구성합니다.
데모
정보 입력
시작하려면 세부 정보를 입력하세요.
API 레퍼런스
Funnel
| Prop | Type | Default | Description |
|---|
| children | ReactNode | - | Funnel.Step 요소들 |
Funnel.Step
| Prop | Type | Default | Description |
|---|
| children | ((props: { jump }) => ReactNode) | - | 특정 단계로 이동하는 jump 콜백을 받는 렌더 함수 |
Funnel.Next
| Prop | Type | Default | Description |
|---|
| children | ReactElement | ((props: { next }) => ReactNode) | - | 클릭 가능한 요소 또는 next 핸들러를 받는 렌더 함수. 마지막 단계에서 aria-disabled 적용 |
Funnel.Prev
| Prop | Type | Default | Description |
|---|
| children | ReactElement | ((props: { prev }) => ReactNode) | - | 클릭 가능한 요소 또는 prev 핸들러를 받는 렌더 함수. 첫 번째 단계에서 aria-disabled 적용 |