StepFlow
Multi-step flow with progress indicator. Compound: StepFlow, Progress, Content, Navigation.
Preview
Usage
import { StepFlow } from '@ramtt/ui'
<StepFlow currentStep={step} onStepChange={setStep} totalSteps={3}>
<StepFlow.Progress />
<StepFlow.Content>Step content here</StepFlow.Content>
<StepFlow.Navigation onNext={next} onBack={back} />
</StepFlow>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| currentStep* | number | — | Current step index |
| totalSteps | number | — | Total step count |
| steps | StepFlowStep[] | — | Step definitions |
| onStepChange | (step: number) => void | — | Step change handler |
| onComplete | () => void | — | Completion handler |